使用Bootstrap没有效果
刚刚接触Bootstrap，根据w3cschool中的教程自己试着用，发现在<head>标签中按照教程说明添加了相关的样式后，保存为本地html文件（相关css js文件已经下载并保存本地），用浏览器打开不显示效果（Firefox、Chrome、搜狗），但是使用IE打开能够显示效果。请假各位高手这是什么情况？
<!DOCTYPE html> <html> <head> <!-- Bootstrap 核心 CSS 文件 --> <link href="http://apps.bdimg.com/libs/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> <title>Twitter Bootstrap Tutorial - A responsive layout tutorial</title> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="col-md-2"> 两格 </div> <div class="col-md-6"> <h2> 这是测试标题 </h2> </div> <div class="col-md-4"> 四格 </div> </div> </div> </div> <!-- jQuery文件 --> <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script> <!-- Bootstrap 核心 JavaScript 文件 --> <script src="http://apps.bdimg.com/libs/bootstrap/3.0.3/js/bootstrap.min.js"></script> </body> </html>
更新以上代码，把其中的类名改成了对应的3.0.3，引用了百度的CDN，测试发现还是没有bootstrap的栅格效果……
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（10）
引用来自“xmut”的评论
你这写法是Bootstrap2.0的，你确认你引用的JS不是Bootstrap3.O ？
引用来自“Micooz”的评论
这都是n早之前的类名了。。。
感谢以上各位的指点 刚刚接触前端，bootstrap是下载的3.0的，上面的代码是用w3cschool上的在线编辑生成的，不知道是2.0的还有兼容问题。js代码是故意没加，只想用css测一下bootstrap的效果有没有出来。晚上回去后继续实践～ 再次感谢各位
2和3的类不一样 很多不兼容
两个问题，第一个是你的项目是放在服务器还是本地，本地的话检查一下网页引用的时候使用的资源的描述url。
第二个是你引用了css，但是没有引用js，理论上只能出现样式，你要出现动态下拉菜单之类的，没有js的话是不可能的，小伙子，如果是这个问题的话，脑袋让我敲一下消消气成不？
很多CSS Class名称都改了，怎么可能兼容呢！
引用来自“xmut”的评论
你这写法是Bootstrap2.0的，你确认你引用的JS不是Bootstrap3.O ？
你这写法是Bootstrap2.0的，你确认你引用的JS不是Bootstrap3.O ？
中文文档看这个吧
http://www.bootcss.com
这都是n早之前的类名了。。。