学习Bootstrap知识记录点②

****************************************华丽分割线****************************************

1.行信息居中（class="text-center"） ,左对齐，右对齐依此类推

<tr  class="text-center">
    <td class="alert-warning">我无论</td>
    <td class="alert-danger">我最帅</td>
    <td class="text-success">大家都是小可爱</td>
</tr>

****************************************华丽分割线****************************************

2.文件上传框、多选框、单选框

<input type="file" name="inputfile">

<input type="checkbox" name="checkboxs">
<input type="checkbox" name="checkboxs">

<input type="radio" name="1">
<input type="radio" name="1">

****************************************华丽分割线****************************************

三、水平表单

水平表单与其余表单不只标记的数量上不一样，并且表单的呈现形式也不一样。如需建立一个水平布局的表单，请按下面的几个步骤进行：

• 向父 <form> 元素添加 class .form-horizontal。
• 把标签和控件放在一个带有 class .form-group 的 <div> 中。
• 向标签添加 class .control-label

• <form action="" method="post" class="form-horizontal">
      <div class="form-group">
          <label>用户名：</label>
          <input type="text" placeholder="userName" id="name" name="name" class="form-control">
          <label>密&nbsp;&nbsp;码：</label>
          <input type="password" placeholder="passWord" id="password" name="password" class="form-control">
      </div>
      <div class="form-group">
          <input type="submit" value="提&nbsp;交" class="btn btn-success form-control">
          <input type="button" value="清&nbsp;空" class="btn btn-danger form-control">
      </div>
  </form>

****************************************华丽分割线****************************************

4.状态验证

Bootstrap 包含了错误、警告和成功消息的验证样式。只须要对父元素简单地添加适当的 class（.has-warning、 .has-error 或 .has-success）便可使用验证状态。

<div class="form-group has-success">
    ...
</div>

****************************************华丽分割线****************************************

5.控制表单大小

<div class="row">

    <div class="col-lg-2">     

</div>