这本书教你怎么用Bootstrap框架轻松设计出“杀手级”界面及响应式网站从怎么用Bootstrap的HTMLCSS工具和现成模板构建页面开始，逐步深入地掌握它内置的交互组件和jQuery插件，常常是一行代码都不用写作为源自Twitter的一个。

Bootstrap与最新版的Google ChromeFirefoxInternet ExplorerOpera和Safari浏览器兼容，尽管有些浏览器并不是支持所有操作系统从20版本开始，Bootstrap支持响应式网页设计RWD页面布局可以根据显示网页的设备桌面。

1Bootstrap，来自 Twitter，是目前很受欢迎的前端框架Bootstrap 是基于 HTMLCSSJavaScript 的，它简洁灵活，使得 Web 开发更加快捷 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSSHTML框架Boot。

1新建一个webroot项目在webroot中添加res文件夹，将下载的bootstrap文件夹添加 进去2在需要的页面引用css和js文件将Link 的href 改成bootstrap中mincss的路径 或者用3进行简单的应用。

然而Bootstrap提出的概念是移动设备优先的，所以Bootstrap设计出来的页面只能向大兼容，向小不兼容三基础布局组件基础布局组件就是Bootstrap框架内为一些基础布局的标签定义了一些统一的样式如Table按钮表单等下面让我们看一个Table。

Bootstrap 需要为页面内容和栅格系统包裹一个 container 容器，包括两个container 类用于固定宽度并支持响应式布局的容器containerfluid 类用于 100% 宽度，占据全部视口viewport的容器如下图是一个实例。

Bootstrap是当前流行的前端框架下面，我们来看看Bootstrap的基本使用吧Bootstrap中文网 在浏览器中输入Bootstrap中文网，然后点击相关的链接，如下图所示Bootstrap中文文档 然后会进入相关的页面，点击Bootstrap。

Bootstrap的样式使用了lesscss技术，比如重置背景这样的操作，这些比较简单我就不展开叙述了，脚手架里最出彩的是栅格系统和布局栅格系统是将页面宽度分成12列，栅格系统分为两种类型，一种是默认栅格系统，这时候栅格系统是按。