Question

我正在尝试将引导样式（与给定here的样式相同）应用于下拉列表。我使用razor语法来显示下拉列表。下拉菜单的项目来自另一个.cs文件我已经在SO中关注了一些帖子，但仍然没有找到正确的方法它只是作为计划下拉列表显示，没有应用任何引导样式。

<div class="col-md-2 col-lg-2">
        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
            @Html.DropDownListFor(m => m.Menu, new SelectList(Dropdown.DDMenu(), "Value", "Text"), new { @class = "form-control" })
        </button>

</div>

添加<button></button>后，系统不会显示下拉菜单，但删除后会显示下拉菜单。

Answer 1

我的意思是这样的

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
        Dropdown Example
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        @foreach (var item in Dropdown.DDMenu())
        {
            <li><a href="#" data-value="@item.Value">@item.Text</a></li>
        }
    </ul>
</div>

如何将引导下拉样式应用于mvc razor中的下拉列表

1 个答案: