Question

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

我在网上用bootstrap的可视化布局系统layoutit写好自己需要的布局，在下载了代码后，运行的并不是想要的效果，没有了布局效果，请问下 是不是要下什么东西？或者要把什么框架拖到自己的电脑上才能出现如意的效果？？？

在网上的效果是这样：

我自己下载了代码运行后就这样……：
完全没有了布局，问下是怎么回事！！！！谢谢大神 救急啊！！！





Answer 1

你好，你没有在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!

Answer 2

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

Answer 3

解决方法：

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>

Answer 4

我也是楼主那样的问题，当我把
<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">
这两个文件下下来，然后引入到我自己的页面中。页面布局就正常了。

Answer 5

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