如何将引导下拉列表应用于 asp.net 下拉列表控件

Question

我有从数据库填充的下拉列表控件。我想对其应用引导下拉列表效果。我该怎么做。我尝试了表单控件，但只有下拉控件发生了变化，它不像 BS 下拉列表，列表与 asp.net 中的列表相同。

第二张图片就是我想要的。第一个是我应用表单控件时得到的

代码：

  <asp:DropDownList ID="ddlCType" runat="server" CssClass="form-control" DataSourceID="SqlDataSource1" DataTextField="Comp_Type" DataValueField="Type_ID"  AutoPostBack="True" OnDataBound="DDLCTypeDataBound" Style="width: 400px">

Answer 1

似乎 bootstrap 3 无法从 asp.net 引擎呈现的 html 中选择“form-control”。所以这里是选项。

选项 1：在页面加载期间分配类。

<script>
    $().ready(function(){
    $('#<%=ddlCType.ClientID%>').addClass("form-control");
    });
</script>

选项 2：：使用 bootstrap-select 插件。

<asp:DropDownList ID="ddlCType" runat="server" CssClass="selectpicker" DataSourceID="SqlDataSource1" DataTextField="Comp_Type" DataValueField="Type_ID"  AutoPostBack="True" OnDataBound="DDLCTypeDataBound" Style="width: 400px">

<script>
$().ready(function(){
$('#<%=ddlCType.ClientID%>').selectpicker();
});
</script>

例如：http://jsfiddle.net/DinoMyte/wd1z0zmg/8/