首页 > 文档

深入理解Bootstrap

slbcun
2024-05-30
1787 ℃

Bootstrap是一个非常受欢迎的前端开发框架，笔者在其1.0版本刚刚发布时就开始使用了。该框架极大地提高了我们团队的开发效率，同时也规范了团队成员在使用CSS和JavaScript方面的编写规范。

Bootstrap的强大之处在于它对常见的CSS布局小组件和JavaScript插件都进行了完整且完善的封装，使得开发人员（不仅是前端开发人员）信手拈来，轻松使用。它解决了广大后端开发人员的难题，学完以后，即使是那些只会.NET和Java的高手，也可以在没有前端开发人员的情况下独立开发一个比较精美的Web系统。当然，专业的前端还是很重要的，因为只有专业的前端才可解决更为专业的前端问题，比如封装库和框架等。

编写本书的初衷是培训公司内部所有的Web开发人员，以便所有的人都能够快速制作出精美的Web页面。在经历了两个比较大型的项目后（基于最新版Bootstrap 3），笔者对各种现实环境中曾经遇到过的问题和解决方法进行了整理，并融入了这本原本是公司内部培训教材的图书中。笔者希望以这种方式，把自己掌握的知识和在实战中总结的经验分享给大家，以便提高大家的学习效率。

本书的主要内容和特色

本书是基于最新的Bootstrap 3进行编写的，以实例讲解和源码分析为主要的讲解方式，所以在本书里列举了大量的示例以及与之相对应的源码，以便读者能够彻底了解每个小组件（以及各种用法）背后的原理。

在对CSS组件和JavaScript插件进行分析之后，本书提供了3章的实战内容，首先是对现有组件和插件进行了二次扩展，然后是根据Bootstrap架构思想开发了自己的完整插件，最后是一个组合应用的实例。

另外，本书还添加了很多Bootstrap的潜在用法，以及每个组件在日常使用时的注意事项。

关于本书的内容，这里再多说几句。首先，组件（或插件）是用来使用的，而架构思想是用来理解和创建组件（或插件）、解决疑难杂症的，所以读完本书以后，你可能得到两种结果。

结果1　组件和插件都会使用了，但是没有很好的架构思想。那就做一个制作网页的熟手吧。不是因为Bootstrap很难，而是因为你对相关知识（CSS3、jQuery、JavaScript代码）的掌握还不牢靠。如果你想完全理解它的思想，这就需要把第1章用于理解源码分析的必备知识完全吸收以后（从别的书上再多学一点会更好），再回过头来阅读第2章，然后随便找个组件（或插件）研究一下，相信就没有问题了。

结果2　架构思想都完全理解了。那么你下一步的工作，除了指导你的小伙伴们使用Bootstrap以外，还要帮他们解决疑难杂症。若有机会，可尽量尝试创建具有自己风格的组件或插件。