β

Bootstrap2.0 中文版

M-前端 | zihan'blog 577 阅读

Bootstrap是Twitter推出的用于快速搭建网页应用的轻量级前端开发工具Bootstrap,由Twitter的设计师Mark Otto和Jacob Thornton合作完成。Bootstrap是一套用于开发网页应用,符合HTML和CSS简洁但优美规范的库。Bootstrap由动态CSS语言Less写成,在很多方面类似CSS框架Blueprint。它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。

简单的说,您可以不用写一行css,不用写一行javascript,更不用切一张图片,就可以使用Bootstrap构建出世界级的复杂的网页应用,无论是后端开发人员,还是刚刚接触前端开发,或者已经是大牛的同学,都能从中获益不少。

不如先来看看Bootstrap2.0都包含了哪些好东西吧:

  1. 框架:全局样式、栅格系统、流动栅格系统、自定义布局、响应式设计
  2. 基本CSS:排版、代码、表格、表单、按钮、图标
  3. 组件:按钮、导航、标签、标记、排版、缩略图、警告、进度条、杂项
  4. jQuery插件:对话框、下拉项、滚动侦测、标签页、工具提示、弹出提示、通知、按钮、折叠、轮播、输入提醒

LESS:LESS官网 http://lesscss.org

为什么要用Bootstrap?

  1. 一致性:所有的组件都保证了高度的一致性,有着统一的视觉效果。
  2. 可靠性:这点貌似毋庸置疑。
  3. 学习成本小:几乎没有什么成本,如果您之前认识几行HTML代码的话。
  4. 兼容性:兼容所有市面上流行的浏览器,针对于手持智能设备的支持专门做过优化,可获得不一样的用户体验。

完整的框架解决方案:这是一个框架,你只需使用它而无需重新制作,这个框架专为 Web 应用设计,所有的元素都可以非常完美的在一起工作,可快速开发。

  1. 速度:应用的一致性是一个趋势,你可以把精力放在业务上,而不是 UI,可以使用它快速构建网页应用。
  2. 一致性:使用 Bootstrap 可以保证整个 Web 应用的风格完全一致,一致的用户体验,一致的操作习惯。
  3. 简单而优雅:尽管还有很多不喜欢 Bootstrap 的人非常抗议这一点。

和大部分优秀的框架一样,Bootstrap也是可以定制的,再简单一点,我们甚至可以只选择一个按钮。这样能在最大程度上保证速度的流畅性,哦,对了,Bootstarp基于CSS3构建,几乎没有用到图片,这对速度和性能的提升,是显而易见的。

似乎还忘了一点,Bootstarp对IE6的支持不是很好,官方宣称的是支持IE7以上及现代浏览器,那么,还是那句老话:忘了IE6吧。ps:经过简单的测试,Bootstrap对ie6的支持还可以,只不过效果不是很好(理由嘛,很简单啦,Bootstrap是基于CSS3构建的,那么,忘了IE吧?!呵呵,IE9、IE10倒是可以适当用一下)。

最后,附上地址:

作者:M-前端 | zihan'blog
关注前端,关注Wordpress
原文地址:Bootstrap2.0 中文版, 感谢原作者分享。

发表评论