下拉列表引导样式

本文关键字：样式 下拉列表 | 更新日期: 2023-09-27 18:10:03

我是ASP新手。. NET和我一直在工作的方式通过入门ASP。. NET MVC 5教程。

我遇到了一个问题，我似乎不能样式我的下拉框与bootstrap。我目前正在使用下面的代码，它在一个标准的下拉菜单中显示，但我不确定如何让样式工作。

旧代码:

Genre: @Html.DropDownList("movieGenre", "All")
编辑:

@Paul找到了解决方案:

@Html.DropDownList("movieGenre", (SelectList)ViewBag.movieGenre, "Select genre", new { @class = "form-control" })

谢谢大家的帮助。

下拉列表引导样式

需要应用CSS class form-control。试试这个:

@Html.DropDownList("movieGenre", "All", new { @class = "form-control"})

也可以尝试DropDownListFor，但是必须显式设置模型属性:

@Html.DropDownListFor(model => model.MovieGenreModel, SelectList, new { @class = "form-control"})

感谢@Paul的更正。

你可能需要EXTEND现有的HTML控件/更新重载/构造函数，如下所示:

public static MvcHtmlString DropDownList(
    this HtmlHelper htmlHelper,
    string name,
    IEnumerable<SelectListItem> selectList,
    string optionLabel,
    object htmlAttributes  //     <--------------- You need to add this here
)

要获得更多帮助，请阅读MVC HTML helper，并查看:

  1. StackOverflow:在ASP中添加自己的HtmlHelper净MVC
  2. 在ASP的下拉列表中显示枚举。。MVC视图
  3. 检查ASP。. NET MVC框架下拉列表帮助器
  4. 自定义数据元素下拉列表
  5. StackOverflow: HtmlAttributes in Extension Method - Bootstrap &MVC 5

另一个选择是看一下TwitterBootstrapMVC

相关文章：