如何使用Bootstrap将Dropdown的大小等于文本框大小？

Question

嗨我的观点中有很多字段。

<div class="col-sm-4">
    <div class="form-group">
        <div id ="StartTime">
            @Html.LabelFor(model => model.StartTime, new { @class = "control-label" })
            @Html.TextBoxFor(model => model.StartTime, new { @class = "form-control", type = "text" })
            @Html.ValidationMessageFor(model => model.StartTime)
        </div>
    </div>
</div>

这是我的TextBox代码。

请参阅我的DropDown尺寸。现在我想要的是我希望我的Dropdown大小等于TextBox大小我尝试使用Textbox中提供的相同代码，但它显示Dropdown的错误。< / p>

<div class="col-sm-4">
    <div class="form-group">
        @Html.LabelFor(model => model.POVisit, new { @class = "control-label" })
        @Html.DropDownList("POVisitID", "Select")
    </div>
</div>

这是我的Dropdown代码。请任何人帮助我将dropdown大小等于textbox大小..

提前谢谢。

Answer 1

“form-control”类应该在select元素上。

http://getbootstrap.com/css/

Answer 2

我想你会使用这个类：form-control

 <select class="form-control" id="dropdown1">
   <option>A</option>
   <option>B</option>
   <option>C</option>
   <option>V</option>
   </select>

Answer 3

您需要添加class="control-control＆＃34;使用

到<select>元素

@Html.DropDownList("POVisitID", null, "Select", new { @class = "control-control" })