asp.net-mvc – 使用Razor DropDownList的Bootstrap

我需要将Bootstrap样式应用于Razor @ Html.DropDownList.

我已将表单控件类应用于控件：

@Html.DropDownList("FacilityID",null,string.Empty,new { @class = "form-control" })

这使用Bootstrap样式正确显示选择列表.问题是列表中的可选择子项未设置样式.

在查看生成的HTML源代码时,呈现的选项是未设置样式的：

<option value="1">Some Option</option>

反正有没有让Bootstrap在ASP.Net MVC5 Razor视图中正确设置整个下拉列表的样式？

解决方法

如果它对任何人有帮助……我最终选择了 bootstrap-select组件.

Razor语法是：

@Html.DropDownList("FacilityID",new { @class = "selectpicker" })

我不喜欢Bootstrap应用于此组件生成的按钮元素的默认渐变,因此我在CSS中对其进行了修改,使其看起来像常规的Bootstrap表单控件样式元素：

.bootstrap-select > .btn {
  background-image: none;
}