javascript - 使用 Bootstrap 样式化 ASP.NET 下拉列表

Question

我尝试使用引导程序设置我的下拉列表的样式，但不知道为什么当我运行网络时没有任何改变。

这是我的代码：

    //aspx file
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="Scripts/jquery-1.8.0.min.js"></script>
    <script src="Scripts/bootstrap-select.min.js"></script>
    <link href="Content/bootstrap-select.min.css" rel="stylesheet" />

            <asp:DropDownList ID="DropDownList" runat="server" Width="136px" OnSelectedIndexChanged="ddl_SelectedIndexChanged" AutoPostBack="True" ForeColor="Black" CssClass="selectpicker">  


//JavaScript file
$(document).ready(function () {
    $('#DropDownList).click(function () {
        var str = "";
        $("#DropDownList:selected").each(function () {
            str += $(this).text() + " ";
        });
        alert(str);
    });
});

感谢是否有人可以帮助我/向我推荐设置下拉列表样式的方法，谢谢。