asp.net-mvc - 如何将 Bootstrap 下拉样式应用于 ASP.NET MVC DropDownList？

Question

给出了以下 MVC Razor 代码，它从列表中创建下拉列表:

@Html.DropDownList("MyTestList", null, new { @class = "btn btn-default dropdown-toggle" })

这将创建以下下拉列表:



使用 getbootstrap.com 的代码时:

<div class="dropdown">
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
        Dropdown
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">test1</a></li>
        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">test2</a></li>
    </ul>
</div>

它将显示如下下拉列表:



问题:
使用 @Html.DropDownList 时是否可以获得相同的外观和感觉？就像使用 MVC 中的 HTML 代码一样？

Answer 1

这是很有可能的，而且非常容易。请阅读:
DropDownList bootstrap styling

所有你需要的是:

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

或者

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