Bootstrap实战——1.1　数量和质量

作为Web前端开发框架，Bootstrap的流行很容易理解。它为大多数标准的UI设计场景提供了用户友好、跨浏览器的解决方案。它现成可用且经受了社区考验的HTML标记、CSS样式及JavaScript行为的组合，极大提高了Web前端界面的开发效率，创造了令人愉悦效果。有了这些基本的元素，开发人员就有了构建自己定制方案的坚实基础。 不过，流行、高效、有效也不一定都是好事。由于工具便捷而导致人们养成坏习惯的例子屡见不鲜。然而，Bootstrap却没有这个问题，至少不一定存在这个问题。从它面世就一直关注它的人都知道，它的早期版本和更新有时候会更侧重实际效率，而非最佳实践。事实上，一些最佳实践不管是语义标记还是移动优先的设计，抑或资源性能优化，都需要额外的时间和精力才能实现。 1.1　数量和质量 运用得当的情况下，我认为Bootstrap无论从质量还是效率角度说，都是Web开发社区的一大福利。随着越来越多的开发者使用这个框架，越来越多的人也加入了这个社区，从而逐步接受了前沿的最佳实践。Bootstrap从一开始就鼓励可靠、成熟的及面向未来的CSS方案，比如Nicholas Galagher的Normalize.css和用CSS3方案解决图片过多的问题。此外，它也支持HTML5语义标记。 1.1.1　与时俱进 Bootstrap v2.0发布之后，响应式设计随之成为主流，其界面元素也做到了跨设备响应（包括桌面、平板和手机）。 现在，Bootstrap v3.0也发布了，其功能愈加完善，包括：  移动优先的响应式网格；  基于Web字体的图标，适用于移动及高密度屏幕；  不再支持IE7，标记和样式更加简洁高效。 1.1.2　LESS的威力 简洁的CSS（LESS）值得重点说一下。从单纯给标记添加类深入到自定义Bootstrap的LESS文件，大幅提高了我们的工作效率和控制力。在Bootstrap默认的样式表基础之上，开发人员可以发挥自己的创造力，定制出自己的核心内容。 换句话说，Bootstrap确实非常强大。我会在本书中展示其令人兴奋的特性、效率和最佳实践，告诉大家如何利用它做出漂亮、用户友好的界面。