如何在MVC C＃中的PoP Up模型中保留这个下拉框创建的空间？

Question

我设计了一个弹出式模型。我使用一个下拉菜单，但我不知道为什么在一个下拉菜单和另一个文本框之间有这么大的空间。附图如下。

我的编码部分如下：

<div class="modal-body">
                <div class="col-sm-6 col-md-6">
                   <p class="form_text1">Data 1<span class="red">*</span></p>
                    <input type="text" id="Data 1" name="Data 1" class="form-control">
                </div>
                <div class="col-sm-6 col-md-6">
                    <p class="form_text1">Data 2 <span class="red">*</span></p>
                    <input type="text" id="Data 2" name="Data 2" class="form-control">
                </div>
                <div class="col-sm-6 col-md-6">
                    <p class="form_text1">Data 3*@ <span class="red">*</span></p>
                    @Html.DropDownList("Data 3", new SelectList(@ViewBag._Data 3, "Key", "Value"), new { @class = "form-control" })
                </div>
                <div class="col-sm-6 col-md-6">
                    <p class="form_text1">Data 4<span class="red">*</span></p>
                    <input type="text" id="Data 4" name="Data 4" class="form-control">
                </div>
                <div class="col-sm-6 col-md-6">
                    <p class="form_text1">Data 5@<span class="red">*</span></p>
                    <input type="text" id="Data 5" name="Data 5" class="form-control">
                </div>
                <div class="col-sm-6 col-md-6">
                    <p class="form_text1">Data 6@<span class="red">*</span></p>
                    <input type="text" id="Data 6" name="Data 6" class="form-control">
                </div>

                <div class="col-sm-6 col-md-6">
                    <p class="form_text1">Data 7<span class="red"></span></p>
                    <input type="text" id="Data 7" name="Data 7" class="form-control">
                </div></div>