如何在MVC的下拉列表中应用Bootstrap

@model YourNamespace.YourModel

<div class="form-group">
    @Html.LabelFor(model => model.YourProperty, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.DropDownListFor(model => model.YourProperty, 
            new SelectList(ViewBag.YourList as System.Collections.IEnumerable, "Value", "Text"), 
            "Select an option", 
            new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.YourProperty, "", new { @class = "text-danger" })
    </div>
</div>

<div class="dropdown">
    <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Dropdown button
    </button>
    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
        <a class="dropdown-item" href="#">Action</a>
        <a class="dropdown-item" href="#">Another action</a>
        <a class="dropdown-item" href="#">Something else here</a>
    </div>
</div>

<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>