1.4.1 Bootstrap开发工具

Layoutit（http://www.bootcss.com/p/layoutit/）是一个在线工具，首页效果如图1-5所示。它可以简单而又快速地搭建Bootstrap响应式布局，操作基本是使用拖动方式来完成的，而元素都是基于Bootstrap框架集成的，所以这个工具很适合网页设计师和前端开发人员使用。

图1-5 Layoutit工具首页效果

ibootstrap（http://www.ibootstrap.cn/）也是一个在线工具，和Layoutit工具类似，界面如图1-6所示。ibootstrap适配了很多浏览器，同时可以简单可视化编辑和生成，有基本的布局设置、基本的CSS布局、工具组件和JavaScript工具，操作基本上是使用拖动方式来完成的。

图1-6 ibootstrap工具首页效果