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

Question

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

这是我的代码：

    //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);
    });
});

感谢有人可以帮助我/建议我设置下拉列表的样式，谢谢。