Question

@using（Html.BeginForm（）） {

            <label class="btn btn-success">Genre</label> @Html.DropDownList("movieGenre", "All")

            Title: @Html.TextBox("SearchString")




            <input type="submit" class="btn btn-warning" data-loading-text="Finished" value="Filter" />
        </p>

任何人都可以建议如何使用bootstrap设置MVC中的下拉列表的样式。我从表中获取我的dropdownlist对象并且它工作正常我除了defualt之外我不能设置它的样式。

Answer 1

@ Html.DropDownList（“movieGenre”，（SelectList）ViewBag.genre，“Select Genre”，new {@class =“form-control”}）

以下是任何挣扎于下拉列表和样式的灰色区域的人的代码

Answer 2

@ Html.DropDownList和@ Html.DropDownListFor仅使用HtmlAttributes进行样式设置。这些包括类。正如你发布的那样，

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

使用“form-control”类。这个CSS类的重要性不是用于外观，而是用于列保管箱控件。假设您在表单中有4个下拉列表，添加到每个单独元素的标记“form-control”将对齐引导行位置的每个下拉列表。这允许更好，更清晰的表单。

示例：

<div class="container">

<div class="row">
    <div class="col-md-2">
        @HtmlDropDownList(....."form-control")
    </div>
    <div class="col-md-10"></div>
</div>
<div class="row">
    <div class="col-md-2">
        @Html.DropDownList(...."form-control")
    </div>
    <div class="col-md-10"></div>
   </div>

检查此链接是否与使用MVC的bootstrap CSS编码相关的格式： http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp

使用引导程序设置下拉列表的样式

2 个答案: