![深入理解Bootstrap[按需印刷]](http://images.china-pub.com/ebook3770001-3775000/3770057/zcover.jpg)
- 定价：￥69.00
- POD价：￥79.00
- 评分：
（已有9条评价） - 电子书：深入理解Bootstrap[按需印刷]
- 促销活动：
- 我要买：
- ·如此书原封面缺失，印刷将采用出版社授权的新封面；
- ·如电子文件出现问题，可能延长印制周期，我们将提前与您沟通
基本信息
【插图】
编辑推荐
资深Web技术专家经验结晶，根据Bootstrap最新版本撰写，内容系统、分析深入、实战性强，前端工程师必备；
授人以鱼，全面讲解各功能组件的使用方法，以及对现有插件和扩展的二次开发；授人以渔，深入分析其架构思想和源码实现，以及如何开发自定义的完整插件和扩展。
内容简介
书籍
计算机书籍
《深入理解Bootstrap》是目前Bootstrap领域技术版本最新、内容最全面、介绍最详细、实战性最强、最具深度的著作。它是资深Web技术专家多年工作经验的结晶，不仅授人以鱼，全面讲解了Bootstrap各个功能组件的使用方法，以及对现有插件和扩展的二次开发；还授人以渔，深入分析了Bootstrap的架构思想和各组件源码实现，以及如何开发自定义的完整插件和扩展。既能满足初级前端工程师系统学习并迅速实践Bootstrap的需求，又能满足专业前端工程师深入掌握Bootstrap并解决各种疑难问题的需求。
全书一共9章：第1章介绍了学习Bootstrap必备的基础知识；第2章讲解了Bootstrap的整体架构、栅格系统、CSS组件架构、JavaScript插件架构；第3~4章讲解了CSS的各种布局和组件的使用方法、实现原理和应用场景；第5章详细讲解了JavaScript的各种插件的使用方法和源码实现；第6~8章通过3个综合性案例讲解了扩展现有组件的方法、Win 8磁贴组件的开发及组合应用的开发；第9章讲解了自定义第三方扩展的开发。
计算机书籍
《深入理解Bootstrap》是目前Bootstrap领域技术版本最新、内容最全面、介绍最详细、实战性最强、最具深度的著作。它是资深Web技术专家多年工作经验的结晶，不仅授人以鱼，全面讲解了Bootstrap各个功能组件的使用方法，以及对现有插件和扩展的二次开发；还授人以渔，深入分析了Bootstrap的架构思想和各组件源码实现，以及如何开发自定义的完整插件和扩展。既能满足初级前端工程师系统学习并迅速实践Bootstrap的需求，又能满足专业前端工程师深入掌握Bootstrap并解决各种疑难问题的需求。
全书一共9章：第1章介绍了学习Bootstrap必备的基础知识；第2章讲解了Bootstrap的整体架构、栅格系统、CSS组件架构、JavaScript插件架构；第3~4章讲解了CSS的各种布局和组件的使用方法、实现原理和应用场景；第5章详细讲解了JavaScript的各种插件的使用方法和源码实现；第6~8章通过3个综合性案例讲解了扩展现有组件的方法、Win 8磁贴组件的开发及组合应用的开发；第9章讲解了自定义第三方扩展的开发。
作译者
徐涛，资深Web开发工程师，精通JavaScript、CSS、HTML5等Web开发技术，以及Bootstrap等各种主流Web开发框架。擅长Web系统的架构、设计与开发，参与过全球最大婚恋网站Match、全球最大在线旅游网站Expedia、波音公司、GE医疗和万达集团等多个国际知名企业的Web项目的架构与设计。他还是一位资深的微软技术专家，曾获得MCP、MCTS、MCDBA等近十项认证。翻译了《JavaScript编程精解》等多本JavaScript方面的著作。
目录
《深入理解Bootstrap》
第1章 入门准备 / 1
1.1 框架简介 / 1
1.2 新手入门 / 2
1.3 文件结构 / 4
1.4 HTML标准模板 / 5
1.5 CSS基本语法 / 6
1.5.1 优先级 / 6
1.5.2 选择器 / 6
1.5.3 伪类 / 7
1.5.4 display属性 / 8
1.5.5 媒体查询 / 8
1.6 JavaScript基本语法 / 9
1.6.1
第1章 入门准备 / 1
1.1 框架简介 / 1
1.2 新手入门 / 2
1.3 文件结构 / 4
1.4 HTML标准模板 / 5
1.5 CSS基本语法 / 6
1.5.1 优先级 / 6
1.5.2 选择器 / 6
1.5.3 伪类 / 7
1.5.4 display属性 / 8
1.5.5 媒体查询 / 8
1.6 JavaScript基本语法 / 9
1.6.1
前言
为什么要写这本书
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以外，还要帮他们解决疑难杂症。若有机会，可尽量尝试创建具有自己风格的组件或插件。
目标读者
本书没有对目标读者做任何限制，初中高级读者均适合阅读。因为书中的内容由浅入深，涉及了各个层面的读者，相信各个层面的读者都能从本书中获益。
如果你是初级开发人员，本书丰富的示例会让你很快上手Bootstrap框架，并由此晋级到中高端的水平。
如果你是对CSS、JavaScript比较熟悉的中级开发人员，本书的源码分析部分将为你提供详细的分析步骤，包括设计思想、实现方式、弊端等，为你晋级高级水平提供详细的指导。
如果你已经是专业的前端开发人员，相信本书的源码分析、组件（插件）扩展、全新插件开发，以及实战部分会为你提供一些更开阔的思路。
想要学习如何编写出优雅而又结构化良好的代码吗？相信这本书就是为你准备的。
如何阅读本书
读者在阅读本书的过程中，需要注意以下几个事项：
如果你不太熟悉CSS和JavaScript（或jQuery），却想学习如何使用Bootstrap，建议你忽略1.5节～1.7节，这些小节是源码分析的基础。
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以外，还要帮他们解决疑难杂症。若有机会，可尽量尝试创建具有自己风格的组件或插件。
目标读者
本书没有对目标读者做任何限制，初中高级读者均适合阅读。因为书中的内容由浅入深，涉及了各个层面的读者，相信各个层面的读者都能从本书中获益。
如果你是初级开发人员，本书丰富的示例会让你很快上手Bootstrap框架，并由此晋级到中高端的水平。
如果你是对CSS、JavaScript比较熟悉的中级开发人员，本书的源码分析部分将为你提供详细的分析步骤，包括设计思想、实现方式、弊端等，为你晋级高级水平提供详细的指导。
如果你已经是专业的前端开发人员，相信本书的源码分析、组件（插件）扩展、全新插件开发，以及实战部分会为你提供一些更开阔的思路。
想要学习如何编写出优雅而又结构化良好的代码吗？相信这本书就是为你准备的。
如何阅读本书
读者在阅读本书的过程中，需要注意以下几个事项：
如果你不太熟悉CSS和JavaScript（或jQuery），却想学习如何使用Bootstrap，建议你忽略1.5节～1.7节，这些小节是源码分析的基础。
书摘
第1章
入 门 准 备
本章简单介绍了Bootstrap的框架，以及各种入门的基本操作。另外还介绍了CSS、jQuery、
JavaScript的一些基本用法，作为在后续的章节里对源码进行分析的基础。
1.1框架简介
Bootstrap是目前最流行的前端开发框架，由Twitter的两位前员工Mark Otto和Jacob Thornton在2010年8月份创建。它是一套基于Less的前端开发库（最新版也包含了Sass源码），提供了很多常见并常用的各种CSS和JavaScript合集，以便开发人员随时上手。目前最新版本是3.1.0。
Bootstrap内置了非常多的漂亮样式，即便是非专业的前端开发人员也能轻易使用。它秉承了一切从简的风格，使得开发人员能够毫无顾虑，放心使用，而无须担心这个div的高度、那个span的宽度等细枝末节的问题。即使没有设计师的团队，也能够使用这套框架迅速构建一个网站原型，甚至是构建一个生产环境的网站。
截止到目前，Bootstrap在Github上已经有5142个Watch、64207个Star、23019个fork，在经受了千万用户的考验之后，如今的Bootstrap已经非常强大了，其如此受欢迎的原因是：首先，Bootstrap系出名门（Twitter），代码开源，久经考验，可减少测试的工作量（站在巨人的肩膀上，我们不需要再重复“造轮子”）；其次，Bootstrap的代码有着非常良好的代码规范（本书会用相当一部分章节来分析其源码），从中可以学到很多知识。所以使用Bootstrap作为前端框架创建项目，其日后代码的维护自然也会变得非常容易。
Bootstrap提供了如下重要的特性：
一套完整的基础CSS插件。
丰富的预定义样式表。
一组基于jQuery的JS插件集。
一个非常灵活的响应式（Responsive）栅格系统，并且崇尚移动先行（Mobile First）的思想。
Bootstrap默认提供了大量的插件和合集，代码非常简洁，并且易于修改，你完全可以在其基础之上修改成任何自己想要的样子。同时这也是Bootstrap真正强大的地方，这些非常不错的插件，包括对话框、下拉导航等，使得Bootstrap不但功能完善，而且十分精致，正在成为众多jQuery项目默认的设计标准。这使得工作效率得到了极大的提升。
从V3.1.0开始，Bootstrap的License授权改成了MIT协议。MIT是目前最为宽松的协议，大家可以放心地在各种商业环境中使用它。
另外，由于Bootstrap的火暴，很多贡献者围绕Bootstrap也开发了大量优秀的插件，其中最有名的就是Font Awesome。它是一套icon字体，提供了丰富的icon供你选择，最新的3.0版包含了多达369个icon图标（第9章中讲解Font Awesome）。
由于框架的发展，该框架的开发团队也逐步扩大，其中Core Team已经从2人扩展到4人了。另外，随着Sass的不断强大，Sass Team也成立了。表1-1和表1-2所示是相关成员的基本信息。
表1-1Core Team成员
姓名 URL Twitter
Mark Otto https://github.com/mdo @mdo
入 门 准 备
本章简单介绍了Bootstrap的框架，以及各种入门的基本操作。另外还介绍了CSS、jQuery、
JavaScript的一些基本用法，作为在后续的章节里对源码进行分析的基础。
1.1框架简介
Bootstrap是目前最流行的前端开发框架，由Twitter的两位前员工Mark Otto和Jacob Thornton在2010年8月份创建。它是一套基于Less的前端开发库（最新版也包含了Sass源码），提供了很多常见并常用的各种CSS和JavaScript合集，以便开发人员随时上手。目前最新版本是3.1.0。
Bootstrap内置了非常多的漂亮样式，即便是非专业的前端开发人员也能轻易使用。它秉承了一切从简的风格，使得开发人员能够毫无顾虑，放心使用，而无须担心这个div的高度、那个span的宽度等细枝末节的问题。即使没有设计师的团队，也能够使用这套框架迅速构建一个网站原型，甚至是构建一个生产环境的网站。
截止到目前，Bootstrap在Github上已经有5142个Watch、64207个Star、23019个fork，在经受了千万用户的考验之后，如今的Bootstrap已经非常强大了，其如此受欢迎的原因是：首先，Bootstrap系出名门（Twitter），代码开源，久经考验，可减少测试的工作量（站在巨人的肩膀上，我们不需要再重复“造轮子”）；其次，Bootstrap的代码有着非常良好的代码规范（本书会用相当一部分章节来分析其源码），从中可以学到很多知识。所以使用Bootstrap作为前端框架创建项目，其日后代码的维护自然也会变得非常容易。
Bootstrap提供了如下重要的特性：
一套完整的基础CSS插件。
丰富的预定义样式表。
一组基于jQuery的JS插件集。
一个非常灵活的响应式（Responsive）栅格系统，并且崇尚移动先行（Mobile First）的思想。
Bootstrap默认提供了大量的插件和合集，代码非常简洁，并且易于修改，你完全可以在其基础之上修改成任何自己想要的样子。同时这也是Bootstrap真正强大的地方，这些非常不错的插件，包括对话框、下拉导航等，使得Bootstrap不但功能完善，而且十分精致，正在成为众多jQuery项目默认的设计标准。这使得工作效率得到了极大的提升。
从V3.1.0开始，Bootstrap的License授权改成了MIT协议。MIT是目前最为宽松的协议，大家可以放心地在各种商业环境中使用它。
另外，由于Bootstrap的火暴，很多贡献者围绕Bootstrap也开发了大量优秀的插件，其中最有名的就是Font Awesome。它是一套icon字体，提供了丰富的icon供你选择，最新的3.0版包含了多达369个icon图标（第9章中讲解Font Awesome）。
由于框架的发展，该框架的开发团队也逐步扩大，其中Core Team已经从2人扩展到4人了。另外，随着Sass的不断强大，Sass Team也成立了。表1-1和表1-2所示是相关成员的基本信息。
表1-1Core Team成员
姓名 URL Twitter
Mark Otto https://github.com/mdo @mdo
