bootstrap可视化布局系统layoutit写好所需布局,下载后运行不能得到想要的效果(救急啊!!!)

html-css014

bootstrap可视化布局系统layoutit写好所需布局,下载后运行不能得到想要的效果(救急啊!!!),第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!

方法/步骤

1

layoutit是一个无需精通Javascript,HTML5,CSS3就可以用来帮助你更容易地编写前端代码的非常实用的工具,这里只有一个在线的平台,

2

bootstrap-wysiwyg:简洁优雅的富文本编辑器

缺点:

1、风格虽然不错,但是对于国内用户来说可能还是有点不适应。

2、鼠标移动到按钮上会出现提示,不过是英文的,如果要使用的话可能需要自行修改代码汉化。

对我们中文开发者不建议使用

3

Jetstrap 是另外一个面向web开发者、设计师的,对于twitter bootstrap的基于web的界面构建工具. Jetstrap 可以帮助你创建并运行一个超赞的站点

4

Bootstrap Designer 也是一个在线的编辑开发工具,可以生成基于Bootstrap框架的HTML5模板。可以使用Bootstrap Designer 来创建各种风格,如:极简风格,黑白风格,另类风格,排版驱动的风格,单色风格,简洁并富有创意的风格等等

5

Font Awesome 为你提供了一个可扩展的矢量图标,可以实时的对大小,颜色,阴影,以及其他一些可以通过CSS设置的属性进行自定义

步骤阅读

6

Kickstrap 是个 Bootstrap UI 编辑器,使用 Firebase 作为一个后台服务。它无缝的接合了 Bootstrap 和顶级的 web 技术。更厉害的是,它可以运行一个已验证的,不需要本地后台支持,数据库驱动的 web 应用。