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

【问题标题】：How to bring the size of Dropdown equal to textbox size using Bootstrap?如何使用 Bootstrap 使 Dropdown 的大小等于文本框的大小？
【发布时间】：2016-02-11 11:09:34
【问题描述】：

您好，我认为有很多领域。

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

这是我的文本框代码。

查看我的DropDown 尺寸。现在我想要的是我想让我的Dropdown 大小等于TextBox 大小我尝试了与Textbox 相同的代码，但它显示Dropdown 的错误。

<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 尺寸..

提前谢谢。

【问题讨论】：

无需添加新的 { type = "text" }（TextBoxFor() 方法已经添加了。将 new { @class = "form-control" } 添加到您的 DropDownList() 方法中
好的，斯蒂芬让我试试
斯蒂芬我按照你说的做了，但是显示错误
什么错误？ - 它的@Html.DropDownList("POVisitID", "Select", new { @class = "control-control" })
是的，它显示错误等等我会告诉你

标签： c# jquery html twitter-bootstrap asp.net-mvc-4

【解决方案1】：

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

http://getbootstrap.com/css/

【讨论】：

class "control-label" 用于标签:)
控制标签用于标签kasper
我想让下拉菜单的大小等于文本框

【解决方案2】：

您需要将 class="control-control" 添加到您的 <select> 元素中使用

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

我的下拉菜单直接从 Db mohsin 获取值
没问题，你的价值是从哪里来的，只需在你的选择标签中添加类。在结尾处结帐getbootstrap.com/css/#forms