《Bootstrap Web设计与开发实战》是一本全面系统地介绍Bootstrap框架相关技术在Web和移动Web开发领域应用的好书。本书通过提供丰富的示例，深入讲解了Bootstrap框架相关的知识点，帮助读者轻松学会简洁、直观、强悍的前端开发框架。无论是想要学习Bootstrap框架的初学者还是已有一定经验的开发者，都能通过这本书举一反三，加深对Bootstrap的理解，并将其灵活应用于实际项目中。
Bootstrap Web设计与开发实战 电子书封面
内容介绍
《Bootstrap Web设计与开发实战》由浅入深，全面、系统、详尽地介绍了Bootstrap框架相关技术在Web和移动Web开发领域的应用。书中提供了大量的代码示例，读者可以通过这些示例深入理解Bootstrap框架相关的知识点，同时还可以举一反三，将这些示例应用到实战项目之中。本书从基本原理到实战应用，几乎涉及了Bootstrap框架Web开发领域的绝大部分内容，是一本集理论与实战的综合性参考书。
本书共15章，分为三篇。第一篇为Bootstrap基础，主要介绍Bootstrap框架的基础知识与开发入门等内容。第二篇为Bootstrap框架，主要介绍了Bootstrap脚手架、Bootstrap样式设计、Bootstrap组件设计、Bootstrap插件设计与Bootstrap多媒体设计等相关的内容。第三篇为Bootstrap实战，详细讲解了如何基于Bootstrap框架开发Web应用的过程与方法，同时还包括整合jQuery UI框架和jQuery Mobile框架开发移动应用的案例。
本书适合所有想全面深入学习Bootstrap框架开发技术的人员阅读，尤其适合正在应用Bootstrap框架做移动应用开发的人员阅读。对于大中专院校相关专业的学生和培训机构的学员，本书也是一本不可多得的参考书。
目录
- 第1章 Bootstrap从何而来 1
- 第2章 Bootstrap开发环境 7
- 第3章 Bootstrap脚手架 20
- 第4章 Bootstrap样式设计 33
- 第5章 Bootstrap组件设计 62
- 第6章 Bootstrap插件设计 94
- 第7章 Bootstrap响应式多媒体 127
- 第8章 Bootstrap扁平化风格页面 138
- 第9章 Bootstrap图片幻灯页面 160
- 第10章 Bootstrap风格按钮 169
- 第11章 Bootstrap响应式表格设计 178
- 第12章 Bootstrap响应式图表设计 186
- 第13章 jQuery UI Bootstrap工具 199
- 第14章 jQuery Mobile 框架与Bootstrap主题风格 240
- 第15章 实战：应用Bootstrap实现一个贴吧管理页面 274
最近使用了目前很火的框架bootstrap来写页面，bootstrap目前已经出到4.0，但是我目前还是在用3.0版本。Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目，bootstrap的使用方法很简单就是在官网下载好相关文档再引进bootstrap.js , jquery.js , bootstrap.css，通过给标签添加相应的类名就可以使用bootstrap里面的css样式，组件，js插件，而且官网还有用于解读的文档和实际引用的例子，bootstrap的类名基本都非常的语义化，再多看官网文档解释是非常容易上手的一个框架，在使用boostrap过程中，发现一个非常好用的东西那就是栅格化系统，栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局， bootstrap 栅格系统的工作原理： “行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。 通过“行（row）”在水平方向创建一组“列（column）”。 你的内容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接子元素。 类似 .row 和 .col-xs-4 这种预定义的类，可以用来快速创建栅格布局。Bootstrap 源码中定义的 mixin 也可以用来创建语义化的布局。 通过为“列（column）”设置 padding 属性，从而创建列与列之间的间隔（gutter）。通过为 .row 元素设置负值 margin 从而抵消掉为 .container 元素设置的 padding，也就间接为“行（row）”所包含的“列（column）”抵消掉了padding。 负值的 margin就是下面的示例为什么是向外突出的原因。在栅格列中的内容排成一行。 栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如，三个等宽的列可以使用三个 .col-xs-4 来创建。 如果一“行（row）”中包含了的“列（column）”大于 12，多余的“列（column）”所在的元素将被作为一个整体另起一行排列。 栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何 .col-md-*栅格类适用于与屏幕宽度大于或等于分界点大小的设备 ， 并且针对小屏幕设备覆盖栅格类。 因此，在元素上应用任何 .col-lg-*不存在， 也影响大屏幕设备。当然bootstrap的强大功能远远不止这些，就不一一列举。总的来说bootstrap不太适合做那些页面布局很复杂，内容较多，特别炫酷的网站，因为引用bootstrap要改css样式，组件，插件太多了，还容易造成代码混乱，还不如直接不用更快，特别是对于新手前端工程师是来说更不推荐使用，但是它很适合做那些企业内部的网站，一般此类网站不会对页面的布局没有过多的要求，只要体现主要功能即可，bootstrap就完全是切合此类网站的特性。