关于Bootstrap

前言

  Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。可以说是快速开发Web应用程序的前端工具包,正如Bootstrap中文网上所说它是简洁、直观、强悍的前端开发框架,目的是为了让web开发更迅速、简单。

优点

  1. Bootstrap使开发效率极大提高

  Bootstrap的组件库中包含很多现成的代码片段,可以即取即用,是开发更为灵活,Web开发者不必再花费时间去编写和调试这些通用的代码片段。

  2. 与平台无关

  Bootstrap实际上是html、css和javascript的封装集合,因此你无需在学习其他新的东西,只需将用到的代码片段其插入到文档中,即可使用。使用Less(Less是一个动态CSS语言框架,基于自己的JS引擎或者服务器端对传统的CSS进行了动态的扩展,使得Less具有更强大的功能和灵活性。Bootstrap 中有一套编辑好的Less框架,开发者可以将其应用到自己的项目。)

3. 响应式布局

  通过使用流媒体网格布局,响应式设计更是运用自如。所有的一切都在运行,享受网格的强大功能,在每个重要的视图宽度端口查看流畅度。Bootstrap使得移动开发更加容易,因为你无需为每个新的屏幕宽度更改标记。

  4. 可定制化

  定制化功能允许你完全控制你想要使用的那个功能,根据所需来简化框架。如果没有足够的控制权,你可以通过获取源代码来优化它。

  5. 界面一致性

  Twitter当初开发该工具的最主要原因是,开发者所开发项目在不同浏览器间的不一致性。这就导致了很多前端开发与最终用户界面之间的问题。Bootstrap保证了界面在不同平台上的统一性。在IE、Chrome及Firefox中,你可以看到统一的界面。

  6. 其它特性

  Bootstrap大量使用了时下比较流行的html5和css3技术,且这两种技术会是以后web前端的主流技术且Bootstrap具有比较详细的中文文档,在包含的   javascript组件方面使用也及其方便。

  

缺点

1. 不遵循最佳实践规则

  使用Twitter Bootstrap时遇到的最大问题之一是你的DOM元素上将拥挤大量的类。这打破了良好的web设计基本规则之一,HTML不再有语义,而且内容和表示不再分离。

  2. 结构太过臃肿

  Bootstrap包含比较多的css和javascript。如果你想要使用Twitter Bootstap的所有功能,你应该好好考虑资源的加载时间。

3. 不支持sass

  通过BootStrap使用Less构建,原生不支持Compass和SASS。Less有很多优点。但是SASS相对较好的是,带有一个类似于Compass的框架,使用它好像完全不需要过多的考虑。

  4. 可定制

  定制化功能允许你完全控制你想要使用的那个功能,根据所需来简化框架。如果没有足够的控制权,你可以通过获取源代码来优化它。

  5. 创新性比较困难

  Bootstrap 追求的是效率开发web,创意往往在短时间内定的或者直接那它的用的。在受限的时间里,在Bootstrap结构化的环境中,实现打破常规的创新设计是很难的。

总结

  ......Bootstrap我还是推荐用,因为它的UI和组件规范还是不错的......