學習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>