Twitter Bootstrap是基于HTML、CSS和JavaScript的简洁灵活的流行前端框架及交互组件集。它是Twitter在2011年8月开源的一整套前端解决方案,拥有非常完备和详尽的开发文档,有了它,Web开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。
尽管也有不少网页设计师抱怨Bootstrap网站结构臃肿、不灵活并且难以维护,但是Bootstrap的确有一些迷人的内置功能,比如:
- 流媒体网格布局
- 响应式设计
- 自定义表单元素
- 页面排版
- JavaScript交互性
- 跨浏览器兼容性
这些功能看起来是不是很酷?它是如此的迷人。
下面让我们来看看Bootstrap的一些亮点,也许它不是适用于每项工作的最佳工具,但是下面所述的几大理由,绝对让你乐意将其纳入您的工具箱中。
1. Bootstrap开发更加快速
如果你想在短时间内创建一款新的网站或者应用,并且设计预算有限,那么Bootstrap就是你最佳选择!利用Bootstrap提供的一款模板,你可以基于此创建不同的风格样式、添加亮丽的图片及交互性功能,利用一些组件来部署或重建Web应用。
2. 与平台无关
它只是基于CSS和JavaScript,因此你无需在学习其他新的东西,只需将其插入到文档最前面,就可使用所有宏。比起SASS,如果你更喜欢LESS(Less是一个动态CSS语言框架,基于自己的JS引擎或者服务器端对传统的CSS进行了动态的扩展,使得Less具有更强大的功能和灵活性。Bootstrap 中有一套编辑好的Less框架,开发者可以将其应用到自己的项目。),你可以下载安装Bootstrap指南,此外这里还有ASP.Net MVC 4安装包、WordPress插件。
3. 可在任意HTML元素中添加类
现在我知道你在想什么…“那不是要让我的HTML非语义?!”也许,它并不遵循最佳实践,但是它是如此的快速、简洁。如果你担心非语义标记但是又渴望使用Bootstrap做个大项目,你会发现你必须深入到Bootstrap源码。
4. 从响应式开始!
通过使用流媒体网格布局,响应式设计更是运用自如。所有的一切都在运行,享受网格的强大功能,在每个重要的视图宽度端口查看流畅度。Bootstrap使得移动开发更加容易,因为你无需为每个新的屏幕宽度更改标记。
5. 完全可定制
定制化功能允许你完全控制你想要使用的那个功能,根据所需来简化框架。如果没有足够的控制权,你可以通过获取源代码来优化它。
Bootstrap是一套前端开发利器,它可以帮助我们加速项目开发,让我们身处在一个完备的系统中,拥有一致的设计和实现方法。不需要在外观上花费过多时间,使开发者能将精力集中于更重要的功能。此前,我们曾发布13款非常优秀的Twitter Bootstrap JavaScript插件,不妨移步去看下。
英文出自:Zingdesign
本文为CSDN编译整理,未经允许不得转载,如需转载请联系market#csdn.net(#换成@)
文章来源:http://www.csdn.net/article/2013-06-14/2815766-twitter-bootstrap