bootstrap是目前最受喜爱的前端开发框架，使用html5和css3等知识，它能帮助你快速开发 Web 应用程序和网站，Bootstrap 的响应式 CSS 能够自适应于台式机、平板电脑和手机。
工具/原料
浏览器，下载的一些工具
方法/步骤
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 应用。
注意事项
1
大多数开发工具都是英文版本的，只有少数是中文版的，建议使用layoutit在线工具，中文支持使用起来也简便易用
2
这篇贴，我在网上找了好多工具，具体分析使用之后，选择了其中的六个，大家有什么建议请提出来，谢谢！！！
上一篇：web前端都需要学习什么？
下一篇：前端开发之切图