Html 西尔弗莫尔托'；s引导选择未按预期工作

我正在尝试使用Dreamweaver CS6预览在html文件中创建引导选择列表。我有下面的代码应该可以工作，但它没有像它应该显示的那样显示选择框-当你选择一个项目时，该项目旁边应该出现一个勾号。此外，长方体的外观与上的示例不同

引导101模板
你好，世界！
违约
$（'.selectpicker'）.selectpicker（）；
芥末
番茄酱
喜欢
洋葱
姓名：


电邮：

我看你的代码没有任何问题。这是一把小提琴：

HTML:

<h1>Hello, world!</h1>

<span class="label label-default">Default</span>
<select class="selectpicker" multiple data-selected-text-format="count>3">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
    <option>Onions</option>
</select>

<form action="welcome.php" method="POST">
    Name: <input type="text" name="name">
    <br />
    E-mail: <input type="email" name="email">
    <br />
    <input type="submit">
</form>

$('.selectpicker').selectpicker();

我看到的最可能的原因是您在代码中包含了引导CSS文件的多个实例。只需包含所需的内容，并删除其余内容

$('.selectpicker').selectpicker();