Bootstrap库文件很大，如果仅希望应用其中几个效果或者特定插件，则建议通过定制方式使用Bootstrap。把所有效果和插件都导入页面，一方面会增加带宽负荷，影响页面的响应速度；另一方面，众多的CSS类样式和JavaS

关键词： 2  1  2  〃  制 

2 1　下载和定制Bootstrap在下载Bootstrap之前，先确保系统中准备好了一个网页代码编辑器，本书使用Dreamweaver网页设计和编辑软件。另外，读者应该对自己的网页制作水平进行初步评估，评估自己是否基本掌握HTML

关键词： 2  1  1  　下载  Bootstrap 

下载和定制BootstrapBootstrap的文件结构Bootstrap应用解析开发第一个Bootstrap示例在上一章中，我们简单介绍了Bootstrap框架的来龙去脉，以及相关技术知识和话题，为了帮助读者快速入门，引导用户正确使用Boots

关键词： 本章  内容 

Bootstrap是个基于HTML、CSS、JavaScript的简洁、灵活的流行前端框架，我们可以把它想象成一个定义了很多效果的CSS、JavaScript的代码库，库里面已经定义好了各种组件的显示效果与动画，如栅格布局、各种按钮、表

关键词： 1  5  2  　Bootstrap  参考 

1 5　Bootstrap开发工具和参考资源下面简单介绍一下Bootstrap开发工具和参考资源。1 5 1　Bootstrap开发工具实际上，通过任何网页设计工具都可以使用Bootstrap，读者可以根据情况选择自己熟悉的工具。这里介绍一

关键词： 1  5  1  　Bootstrap  开发工具 

自2012年12月Bootstrap 2 2 2发布后，开发团队开始将精力放在下一个主要版本 Bootstrap 3上。该团队在博客中透露了Bootstrap 3版本的开发计划（http: blog getbootstrap com 2012 12 10 bootstrap-3-plans

关键词： 3  Bootstrap    3 

2012年1月，Twitter在开发者博客上公布消息，其6个月前发布的轻量级前端开发工具Bootstrap迎来重大改进，正式升级为Bootstrap 2。和Bootstrap 1一样，Bootstrap 2仍然是一个托管在GitHub上的开源项目。在开发

关键词： 2  Bootstrap    2 

了解Bootstrap版本变化的过程，能够更直观地了解Bootstrap在Web开发中的地位和价值。通过其版本演变和功能变化，能够把握未来Web前端开发技术的发展方向。1 Bootstrap 12011年8月，Twitter推出了用于快速搭建We

关键词： 1  4  　Bootstrap  版本 

基于HTML5和CSS3的Bootstrap，具有大量的诱人特性：友好的学习曲线、卓越的兼容性、响应式设计、12列栅格布局、样式向导文档、自定义jQuery插件、完整的类库以及基于LESS等。因此，也出现了大量以Bootstrap为基础

关键词： 1  3  2  　Bootstrap  优秀 

1 3　Bootstrap应用项目赏析Bootstrap自从在GitHub上开源之后，迅速成为其上备受关注的项目。大量工程师踊跃为该项目贡献代码，社区惊人地活跃，代码版本进化非常快速，官方文档质量极高，可以说是非常优雅，同时

关键词： 　Bootstrap  应用  项目 

Bootstrap的目的是提供一个便捷工具，方便快速开发项目，样式部分使用LESS写就，也提供了一些jQuery插件形式的扩展。在样式方面，Bootstrap提供了如下解决方案：栅格系统栅格系统与著名的960 Grid大同小异，不过

关键词： 1  2  2  　Bootstrap  主要功能 

Bootstrap是非常棒的前端开发工具包，它拥有以下特色。（1）由匠人造，为匠人用与所有前端开发人员一样，Bootstrap团队是国际上最优秀的前端开发组织，他们乐于创造出色的Web应用，同时希望帮助更多同行从业者，

关键词： 1  2  1  　Bootstrap  主要 

Bootstrap为什么能这么流行？其易用性是很重要的一个原因。Twitter在GitHub上提供了方便的自定义Bootstrap的工具，用户可以自由地选择想要的元素和组件，并且自定义每个颜色的具体数值，然后再让它自动生成一份属

关键词： 1  2  　Bootstrap  功能 

Bootstrap构成模块从大的方面可以分为布局框架、页面排版、基本组件、jQuery插件以及变量编译的LESS等部分。与前一版本相比，Bootstrap 2增加了多个新模块。例如，布局框架中的响应式布局，页面排版中的Icon，基

关键词： 1  1  4  　Bootstrap  构成 

像我这样的程序员经常对设计望而却步，因为我是一名程序员，而不是设计师。拥有计算机专业学位证书的我对Comic Sans字体从不介意，但设计行业却极为排斥它，设计师或那些拥有美学情结的人往往对之不屑一顾。虽然

关键词： 1  1  3  　一位  程序员 

Bootstrap所涉及的应用范围到底有多广？Bootstrap是否真的很实用？关于这两方面的问题，网络上曾展开过激烈的争论。Bootstrap对于设计能力不强，也没有太多的时间去设计前端界面的用户来说，价值是巨大的。Boots

关键词： 1  1  2  　选择  Bootstrap 

早期Twitter提供的内部开发工具缺乏一些精致和平易近人的设计，为了应对复杂的设计需求，Twitter前端工程师在开发网站时喜欢采用所有自己熟悉的技术，这就造成了网站维护困难、可扩展性不强、开发成本高等问题。

关键词： 1  1  1  　Bootstrap  的 

Web开发人员每天都需要与HTML、CSS、JavaScript打交道，然而不少人在大部分时间里都在周而复始地写模板、样式和交互效果，并没有想过如何将这些重复的工作整合在一起。Twitter公司推出的Bootstrap能够帮助开发人

关键词： 1  1  　Bootstrap  概述 

Bootstrap概述Bootstrap功能介绍Bootstrap应用项目赏析Bootstrap版本变化Bootstrap开发工具和参考资源Boostrap是Twitter公司（www twitter com）开发的一个基于HTML、CSS、JavaScript的技术框架，符合HTML、CSS规

关键词： 本章  内容 

前言第1章　为什么要学习Bootstrap 11 1　Bootstrap概述 21 1 1　Bootstrap的历史 21 1 2　选择Bootstrap的理由 31 1 3　一位程序员的话 41 1 4　Bootstrap构成模块 51 2　Bootstrap功能介绍 71 2 1　Boo

关键词： 目录