Bootstrap-select显示两个选择菜单

Question

目的

使用Bootstrap-select库在选择标记上实现样式。

问题

我得到两个选择而不是一个下拉菜单。

问题

我需要在我的javascript或其他地方更改以使其正确显示

代码

CodePen上的演示

HTML

<select class="selectpicker">
    <option data-hidden="true">Choose one...</option>
    <option>BBQ Pork</option>
    <option>Bacon</option>
    <option>Sausage</option>
</select>

脚本库顺序

• // cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
• https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js
• https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.7.5/js/bootstrap-select.min.js

Javascript（我把它放在库后的脚本标签中）

$(document).ready(function(){
    $('.selectpicker').selectpicker(); 
});

Answer 1

您只需添加Bootstrap-select CSS文件即可。