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

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

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

代码：

引导程序3似乎无法从asp.net引擎中呈现的html中选择“表单控件”。所以这里有一些选择

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

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


$（）.ready（函数（））{
$（'#'）.addClass（“表单控件”）；
});

选项2:：使用插件

您有两个下拉列表图像。你想要哪一个？在应用表单控件类时，您当前得到的是哪一个？第二个是我想要的。第一个是我应用表单控件时得到的第一个是引导下拉列表的样子。我不知道第二个是什么。第二个可能是jQuery UI：列表应该是这样的：如何做到这一点：我在选项1中面临同样的问题。。表单控件不适用于列表项。我希望列表项如下所示：然后尝试选项2。我不确定选择1
<script>
    $().ready(function(){
    $('#<%=ddlCType.ClientID%>').addClass("form-control");
    });
</script>

<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>