Html 如何在MVC中的弹出模型中保留此下拉框创建的空间?

Html 如何在MVC中的弹出模型中保留此下拉框创建的空间?,html,css,asp.net-mvc,dropdown,Html,Css,Asp.net Mvc,Dropdown,我设计了一个弹出式模型。我使用了一个下拉列表,但我不知道为什么在一个下拉列表和另一个文本框之间有这么大的空间。图片附在下面 我的编码部分如下: <div class="modal-body"> <div class="col-sm-6 col-md-6"> <p class="form_text1">Data 1<span class="red">*</span>&l

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

我的编码部分如下:

<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>

数据1*

数据2*

数据3*@*

@DropDownList(“数据3”,新的选择列表(@ViewBag.\u数据3,“键”,“值”),新的{@class=“form control”}) 数据4*

数据5@*

数据6@*

数据7


hi我已将selectList替换为静态选择标记。我发现对我来说工作没有问题。。这里是链接把呈现的HTML放在这里。1投漂亮的图片explanation@ChandraShekhar嗨,先生,这对我不起作用。此外,我还使用viewbag将值传递到上面的下拉列表中。.在静态选择标记中,如何传递viewbag值?@Asif.Ali谢谢您,我已将selectList替换为静态选择标记。我发现对我来说工作没有问题。。这里是链接把呈现的HTML放在这里。1投漂亮的图片explanation@ChandraShekhar嗨,先生,这对我不起作用。我还使用viewbag将值传递到上面的下拉列表中。在静态选择标记中,如何传递viewbag值?@Asif.Ali谢谢