四款免费好用的Bootstrap ui编辑器

Bootstrap带来了设计革命，本文介绍的四种免费Bootstrap在线设计工具，可视化所见所得设计网页，然后输出Html/CSS代码，其中有些甚至可以实现拖曳，也有可以设定自己的主题模板Theme。

1. Layoutit

LayoutIt通过使用我们的拖放界面生成器帮助您简单快速地创建Bootstrap前端代码。它陈列出Bootstrap的每个元素和组件，你只需要用鼠标拖曳到页面上即完成设计，让您的前端编码更容易，不需要你是javascript，HTML5或CSS3的专家。所有的设计可以是响应式的CSS和流体。设计完成后，您只需下载HTML即获得自己设计的源码。

LayoutIt有四个主要菜单，Grid网格系统，这是布局Layout方面，是你首先必须选择的，是单栏或左右分栏等；在Components组件中选择导航条；文字工作是选择"BASE CSS"，当你熟悉该工具以后，编写一个现代Html页面如同在Word里编辑文档一样方便容易。

Bootstrap Magic主题生成器充分兼容Bootstrap3和AngularJS。您可以轻松快速地创建您自己的Twitter Bootstrap主题。这是可视化的，页面上陈列出所有Bootstrap的组件样式，你能够立即改变，也立即看到你改变的内容效果。您还可以从谷歌Webfont添加更棒的webfonts。他们都包含神奇的typehead字体。当你设计好自己的主题后，能够发布分享你的主题。