表单

1. <form class="form-horizontal" role="form">
实现水平表单效果

2.<form class="form-inline" role="form">

表单控件在一行

3.<input type="email" class="form-control" placeholder="请输入..."> 为了让控件在各种表单风格中样式不出错，需要添加类名“form-control”

 <div class="form-group">
  <select multiple class="form-control">     多行选择设置multiple属性的值为multiple
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
  </select>
</div>

5. 如果checkbox需要水平排列，只需要在label标签上添加类名“checkbox-inline”

　　如果radio需要水平排列，只需要在label标签上添加类名“radio-inline”

6. 表单控件大小：

<input class="form-control input-lg"

　　input-sm:让控件比正常大小更小
　　input-lg:让控件比正常大小更大

7. 表单控件禁用状态

<input class="form-control" type="text" placeholder="表单已禁用，不能输入" disabled>

<fieldset disabled></fieldset>      //如果fieldset设置了disabled属性，整个域都将处于被禁用状态。

8. 表单控件验证状态

　　has-warning:警告状态（黄色）

　　has-error：错误状态（红色）
　　has-success：成功状态（绿色）

如果你想让表单在对应的状态下显示 icon 出来，只需要在对应的状态下添加类名“has-feedback”。请注意，此类名要与“has-error”、“has-warning”和“has-success”在一起

而且必须在表单中添加了一个 span 元素：<span class="glyphiconglyphicon-warning-sign form-control-feedback"></span>

9. 表单提示信息：<span class="help-block">你输入的信息是正确的</span>

10. 按钮：<button class="btn btn-default" type="button">我是一个基本按钮</button>

　　　　　　　　class="btn-default" 默认按钮

class="btn-lg" 大型按钮

　　　　　　　　class="btn-sm" 小型按钮

　　　　　　　　class="btn-xs" 超小型按钮

　　　　　　　　class="btn-block" 块状按钮

类似于input一样，通过在基础按钮“.btn”的基础上追加类名来控制按钮的大小

要禁用按钮有两种实现方式：

　　　　　　　　　　　　方法1：在标签中添加disabled属性 disabled="disabled"

　　　　　　　　　　　　方法2：在元素标签中添加类名“disabled” class="disabled"

11. 图像：<img class="img-rounded" >

　　　　img-responsive：响应式图片，主要针对于响应式设计
　　　　img-rounded：圆角图片
　　　　img-circle：圆形图片
　　　　img-thumbnail：缩略图片

12. ico：

　　　　<span class="glyphicon glyphicon-search"></span> 通过给元素添加“glyphicon”类名来实现，然后通过伪元素“:before”的“content”属性调取对应的icon编码