Bootstrap使用方法总括。

1、Bootstrap的的响应式设计，添加class类名，container-fluid。和container作用类似。padding-right: 15px; padding-left: 15px;margin-right: auto;margin-left: auto

2、图片自适应，在image标签上添加class，img-responsive

3、文本居中 添加class，text-center。

4、button按钮的默认样式，class=’btn，btn-default‘。浅蓝色 btn-info，彩色浅蓝色 btn-primary，警告 btn-danger。

5、通过为按钮添加 class 属性 btn-block使其成为块级元素，按钮会伸展并填满页面整个水平空间，后续的元素会流到这个块级元素的下方，即 “新开一行”。当然我们可以使用 span 创建行内元素。

6、Bootstrap网格排放–基于 12 列的响应式栅格系统。列宽度属性取决于用户的屏幕宽度。Bootstrap 的class=" col-md-* ", md表示 medium（中等），其中 xs是 extra small 的缩写 (应用于较小的屏幕，比如手机屏幕)，而“*”表示数字，表示占有多少列宽。

<div class="row">
  <div class="col-xs-4">
  <button class=" btn btn-block">1</button>
  </div>
  <div class="col-xs-4">
  <button class=" btn btn-block">2</button>
  </div>
  <div class="col-xs-4">
  <button class="btn btn-block">3</button>
  </div>
</div>
当然 button按钮也可以换成radio标签，适应屏幕的单选按钮。

7、给表单控件的输入框添加样式.所有文本输入类的元素如 ，和 只要设置 .form-controlclass 就会占满100%的宽度。

8、给标签添加class不一定以为了添加样式，有时候是为了在jQuery中选中这些元素。