bootstrap可视化布局系统layoutit写好所需布局，下载后运行不能得到想要的效果（救急啊！！！）

发布网友 发布时间：2022-05-13 16:53

我来回答

共6个回答

热心网友 时间：2022-05-13 18:23

你好，你没有在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标签，
在里面加上这么两句话
<link rel="stylesheet" type="text/css" href="dist/css/bootstrap.min.css">
<script src="dist/jquery-1.11.1.js"></script>
<script src="dist/js/bootstrap.min.js"></script>

这样就OK啦。good luck!

热心网友 时间：2022-05-13 19:41

因为你拷贝的代码只是html，没有css和js才造成布局混乱

热心网友 时间：2022-05-13 21:15

解决方法：

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标签，在里面加上这么两句话：
<link rel="stylesheet" type="text/css" href="dist/css/bootstrap.min.css">
<script src="dist/jquery-1.11.1.js"></script>
<script src="dist/js/bootstrap.min.js"></script>

热心网友 时间：2022-05-13 23:07

我也是楼主那样的问题，当我把
<link rel="stylesheet" type="text/css" href="dist/css/bootstrap.min.css">
<script src="dist/jquery-1.11.1.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
都引入后，路径是没问题的。然后也是没效果，我查看了Boostrap可视化啊布局页面的源码后，把

<link href="css/bootstrap-combined.min.css" rel="stylesheet">
<link href="css/layoutit.css" rel="stylesheet">
这两个文件下下来，然后引入到我自己的页面中。页面布局就正常了。

热心网友 时间：2022-05-14 01:15

没有引入对应的样式表跟对应的JS文件

热心网友 时间：2022-05-14 03:39

你是用什么浏览器测试的，bootstrap是不支持IE6的，在IE7和IE8下的表现有时也会有BUG，我把你的代码放在chrome下测试是正常的。