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

时间:2017-07-05 21:23:15

标签: html angularjs twitter-bootstrap

我正在使用角度,并使用凉亭添加了bootstrap-toggle。我还在index.html中包含了相应的css和js文件。在我的资源文件中,我需要创建一个切换开关。我包括以下一行:

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

我不想使用javascript添加此行。它显示为复选框而不是切换。有什么东西我错过了吗? css link snapshopt js links snapshot

2 个答案:

答案 0 :(得分:0)

如果您使用的是Bootstrap v2.3.2,那么您应该使用bootstrap2-toggle.min.jsbootstrap2-toggle.min.css

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

此外,请确保在主bootstrap.js之后加载bootstrap-toggle.js。就在你关闭身体标签之前。

不要忘记jquery,它需要在两个js文件之前。

答案 1 :(得分:0)

供将来的读者使用。

我已通过在jquery js之前加载bootstrapbootstrap toggle js文件来解决此问题。

与css文件相同。首先是bootstrap css,然后是bootstrap toggle css