1.5 Bootstrap开发工具和参考资源

下面简单介绍一下Bootstrap开发工具和参考资源。

1.5.1 Bootstrap开发工具

实际上，通过任何网页设计工具都可以使用Bootstrap，读者可以根据情况选择自己熟悉的工具。这里介绍一款专门针对Bootstrap的开发工具——Jetstrap，下载地址为https://jetstrap.com/。

Jetstrap是国外开发者为Bootstrap专门设计的可视化制作工具，允许其他开发者、设计师直接在网页端拖拽各个组件，制作出漂亮的网页。

通过Jetstrap制作出来的网页100%符合Bootstrap标准。只要设计了电脑端的页面，它就会自动适配手机端和iPad端（响应式设计）。这个工具有利于那些想快速搭建简单网页的用户，因为不需要去学习太多东西就可以做到。我们可以把它比作网页版的Dreamweaver，但是使用更加简单。

另外，再介绍一个在线编辑工具：Layout It（http://www.layoutit.com/）。利用Layout It可以简单而又快速地搭建Bootstrap响应式布局，操作基本使用拖动方式来完成，而元素都是基于Bootstrap框架集成的，所以这工具很适合网页设计师和前端开发人员使用，快捷方便。

其英文版访问地址为http://www.layoutit.com/build，中文版访问地址为http://justjavac.com/tools/layoutit/。

1.5.2 Bootstrap参考资源

Bootstrap是个基于HTML、CSS、JavaScript的简洁、灵活的流行前端框架，我们可以把它想象成一个定义了很多效果的CSS、JavaScript的代码库，库里面已经定义好了各种组件的显示效果与动画，如栅格布局、各种按钮、表格、表单、下拉菜单、标签页、导航条等。对于初学者来说，花几个小时阅读本书，就能够快速了解其用法，然后只要按照它的使用规则使用就可以了。

❑Bootstrap中文参考：http://wrongwaycn.github.com/bootstrap/docs/index.html

❑Bootstrap英文参考：http://twitter.github.com/bootstrap/index.html

❑Bootstrap中文网：http://www.bootcss.com/

Bootstrap对于缺乏设计基础的人是很有用处的，只需快速调用一下，就可以很容易构建出标准、精致的网站。遗憾的是，由于用到一些CSS新技术，它只支持现代浏览器，对IE6等老版本的浏览器支持效果不是很理想。不过，在Github上有个bootstrap-ie项目可以支持IE早期版本，感兴趣的读者可以参阅：

https://github.com/empowering-communities/Bootstrap-IE6

此外，浏览一些服务网站也会对你学习Bootstrap有所帮助。

❑Bootstrap版本参考手册全集（英文版：http://bootstrapdocs.com/；中文版：http://docs.bootcss.com/）。

❑Bootstrap应用网站导航（http://lovebootstrap.com/）

❑Bootstrap应用快速链接：提供Bootstrap各个版本的网络引用地址，同时提供了各种字体图标的链接地址，非常实用，网站为http://www.bootstrapcdn.com/?v=10292012225705。