你好,你没有在head中引用Bootstrap中必要的CSS样式和JS,所以看不到样式。
解决办法是:
1.先去http://v3.bootcss.com/getting-started/,下载bootstrap,将解压缩出来的dist文件夹放到你的项目的根目录下。
2.然后再去http://jquery.com/download/,下载一个jQuery-1.11.1.js,因为bootstrap的JS都是基于jQuery的,所以必须有这个。注意你要找到里面的这个链接:Download the uncompressed, development jQuery 1.11.1,然后右键点击保存到本地。
3.将jQuery-1.11.1.js放到dist的根目录下。
4.然后在你的网页的HTML代码中找到head标签,
在里面加上这么两句话
这样就OK啦。good luck!
因为你拷贝的代码只是html,没有css和js才造成布局混乱
解决方法:
1.先去http://v3.bootcss.com/getting-started/,下载bootstrap,将解压缩出来的dist文件夹放到你的项目的根目录下。
2.然后再去http://jquery.com/download/,下载一个jQuery-1.11.1.js,因为bootstrap的JS都是基于jQuery的,所以必须有这个。注意你要找到里面的这个链接:Download the uncompressed, development jQuery 1.11.1,然后右键点击保存到本地。
3.将jQuery-1.11.1.js放到dist的根目录下。
4.然后在你的网页的HTML代码中找到head标签,在里面加上这么两句话: