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（放置在上述库之后的script标签中）

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

- JGallardo

---

你还没有添加 Bootstrap-Select 的 CSS 文件。 - vanburen

@vanburen 是的，我错过了那个。我很想删除这个问题，但由于它可能会帮助到其他人，我想保留它。如果您愿意将其作为答案添加，我会接受它。否则，我将使用您提供的信息回答自己的问题。谢谢。 - JGallardo

谢谢，很高兴能够帮助。 - vanburen

Answer 1

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

- vanburen