这是我参与8月更文挑战的第11天，活动详情查看：更文挑战
bootstrap
bootstrap是什么
Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使 Web 开发更加快捷。
它对HTML、CSS和JAVASCRIPT进行了封装，使它们使用起来更方便。我们只需要使用它已经设定好的类，或规则，即可快速应用它提供的功能。
Bootstrap 使用了一些 HTML5 元素和 CSS3 属性(如媒体查询)。为了让这些正常工作，需要使用 HTML5 文档类型。如果在
Bootstrap 创建的网页开头不使用 HTML5 的文档类型（Doctype），可能会面临一些浏览器显示不一致的问题。
怎么使用bootstrap
1.下载
点击bootstrap3中文文档，点击下载bootstrap3
2.下载“用于生产环境的”
下载完后它有三个文件夹css,fonts,js
3.在html文档中引入bootstrap
a) bootstrap.min.css
b) bootstrap.min.js
c) jquery
引入css中的“bootstrap.min.css”和js文件夹下的bootstrap.min.js。由于bootstrap是基于jquery的，所以在引入”bootstrap.min.js”前，要先引入jquery。并且js和jquery要放在body的最底部。
- 使用html5的文档类型声明
- 添加适用于移动端的meta标签
<meta name="viewport" content="width=device-width, initial-scale=1.0">
因为现在越来越多的用户使用移动设备,为了让 Bootstrap 开发的网站对移动设备友好，确保适当的绘制和触屏缩放，需要在网页的 head 之中添加 viewport meta 标签
栅格系统
-
行必须放置在 .container class 内，以便获得bootstrap设置的对齐（alignment）和内边距（padding）
-
使用.row来创建一行，每行又分为多个列。
-
内容应该放置在列内，且唯有列可以是行的直接子元素。row>col 正确写法 行>列
-
预定义的网格类，比如 .row 和 .col-xs-4，可用于快速创建网格布局。
-
列通过内边距（padding）来创建列内容之间的间隙。该内边距是通过 .rows 上的外边距（margin）取负值得到，就是说，列和列之间有间隙，你想改变间隙，用负的margin来写。
-
网格系统是通过指定你想要横跨的十二个可用的列来创建的。例如，要创建三个相等的列，则使用三个 .col-xs-4。
bootstrap排版
使用 Bootstrap 的排版特性，您可以创建标题、段落、列表及其他内联元素，实际上它是把大部分在HTML的基本标签加了样式。所以这部分相对比较简单。
【内联子标题】
如果需要向任何标题添加一个内联子标题，只需要在标题标签中添加 <small>，用small标签包裹复标题的内容，或者添加 .small 类，这样子您就能得到一个字号更小的颜色更浅的文本。
【引导主体副本】
为了给段落添加强调文本，则可以添加 class="lead"，这将得到更大更粗、行高更高的文本，它的作用相当于是文章摘要。
【强调标签】
bootstrap直接使用了HTML中用于标注强调的标签，并给他们另外赋予了少许的样式。这几个用于强调的标签是:small 、strong 、 em
【对齐类】
简单方便将文字对齐的类，它们一般应用在p标签上（用在div上不符合规范，用在span标签则不能生效）。
<!-- 对齐类，加在p标签 -->
<p class="text-left">我是居左</p>
【强调类】
这些强调类，通过颜色来表示强调。之前我们学习过强调标签 small 、strong 、em。现在学习强调类，P元素加了这些类，会显示不同的颜色。
表格
- 默认样式
.table
- 可选样式
.table-striped 为表格提供了斑马线的样式
.table-bordered 为表格增加边框(border)
.table-hover 为表格中的每一行赋予鼠标悬停样式。鼠标划过后会添加一个背景色。
.table-condensed 每个单元格的内补(padding)减半，可使表格更紧凑。
- 状态类通过这些状态类可以为行或单元格设置颜色。
.active 鼠标悬停在行或单元格上时所设置的颜色
.success 标识成功或积极的动作
.info 标识普通的提示信息或动作
.warning 标识警告或需要用户注意
.danger 标识危险或潜在的带来负面影响的动作
