bootstrap-toggle复选框未显示为切换

Question

我使用的是角形，并使用Bower添加了bootstrap-toggle。我还在index.html中包括了适当的css和js文件。在我的资源文件中，我需要创建一个切换开关。我包括以下行：

<div>
 <input type="checkbox" checked data-toggle="toggle">
</div>

我不想使用javascript添加此行。它显示为复选框而不是切换按钮。有什么我想念的吗？ css链接snapshopt js链接快照

Answer 1

如果您使用的是 Bootstrap v2.3.2，那么您应该使用bootstrap2-toggle.min.js和bootstrap2-toggle.min.css。

bootstrap-toggle.css确保在主 bootstrap.css 文件之后加载。

bootstrap-toggle.js另外，请确保在主 bootstrap.js 之后加载。就在关闭 body 标签之前。

不要忘记 jquery，它需要位于两个 js 文件之前。