asp.net-mvc - 使用 Razor DropDownList Bootstrap

Question

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

我已申请 form-control类到控件:

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

这会使用 Bootstrap 样式正确显示选择列表。问题是列表上的可选子项没有样式。

在查看生成的 HTML 源代码时，呈现的选项没有样式:

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

无论如何让 Bootstrap 在 ASP.Net MVC5 Razor View 中正确设置整个下拉列表的样式？

Answer 1

如果它可以帮助任何人......我最终选择了bootstrap-select零件。

Razor 语法是:

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

我不喜欢 Bootstrap 对 button 应用的默认渐变。这个组件生成的元素，所以我在 CSS 中对其进行了修改，使其看起来像一个普通的 Bootstrap form-control样式元素:

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