Bootstrap-select显示两个选择菜单

Question

目的

使用Bootstrap-select库在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文件即可.