下面讲一下在使用bootstrap时遇到或犯得错误，以作警戒避免再犯。
1、使用bootstrap的模拟对话框插件时，即使代码是正确的，也不会有弹窗反应。
原因：使用的两个js的顺序不对，应该先引用jQuery再引用bootstrap的js代码。即正确引用是：
<script src=”http://code.jquery.com/jquery.js”></script>
<script src=”../../bootstrap/js/bootstrap.js”></script>
2、测试模拟对话框插件时，写的链接有问题，导致不能弹框。即要使一个按钮或超链接点击后会弹框，要设置该元素的data-toggle属性为”modal”才行，如下：
<a href=”#changepasswordmodal” data-toggle=”modal” type=”button”>hello</a>
如果按钮或超链接元素不设置data-toggle属性，点击后是不会弹窗的。
3、在设置水平form表单时，将<label for=”current_password”>当前密码</label> 写成了<labl for=”current_password”>当前密码</label> 。导致表单的一行不能对齐。
转载请注明：jinglingshu的博客 » bootstrap学习时犯得错误