1.表格

標準格式：

<table>
  <caption>...</caption>
  <thead>
    <tr>
      <th>...</th>
      <th>...</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>...</td>
      <td>...</td>
    </tr>
  </tbody>
 

為任意 <table> 標籤新增 .table 類可以為其賦予基本的樣式 — 少量的內補（padding）和水平方向的分隔線

條紋狀表格

通過 .table-striped 類可以給 <tbody> 之內的每一行增加斑馬條紋樣式

<table class="table table-striped">
  ...
</table>

帶邊框的表格

新增 .table-bordered 類為表格和其中的每個單元格增加邊框

<table class="table table-bordered">
  ...
</table>
 

滑鼠懸停

通過新增 .table-hover 類可以讓 <tbody> 中的每一行對滑鼠懸停狀態作出響應

<table class="table table-hover">
  ...
</table>

緊縮表格

通過新增 .table-condensed 類可以讓表格更加緊湊，單元格中的內補（padding）均會減半

<table class="table table-condensed">
  ...
</table>

狀態類

通過這些狀態類可以為行或單元格設定顏色

例如：

<tr class="success">
      <td>2</td>
      <td>18</td>
      <td>男</td>
      <td>20</td>
</tr>

2.表單

內聯表單

為 <form> 元素新增 .form-inline 類可使其內容左對齊並且表現為 inline-block 級別的控制元件。只適用於視口（viewport）至少在 768px寬度時（視口寬度再小的話就會使表單摺疊）。

水平排列的表單

通過為表單新增 .form-horizontal 類，並聯合使用 Bootstrap 預置的柵格類，可以將 label 標籤和控制元件組水平並排佈局

單獨的表單控制元件會被自動賦予一些全域性樣式。所有設定了 .form-control 類的 <input>、<textarea> 和 <select> 元素都將被預設設定寬度屬性為 width: 100%;。 將 label 元素和前面提到的控制元件包裹在 .form-group 中可以獲得最好的排列

<form action="#" class="form-horizontal">
    <div class="form-group">
        <input type="text" placeholder="請輸入你的帳號" class="form-control">
    </div>
    <div class="form-group">
        <input type="password" placeholder="請輸入你的密碼" class="form-control">
    </div>
    <div class="checkbox">
        <label>
            <input type="checkbox">記住我
        </label>
        </div>
    <div class="radio">
        <label for="man">
            <input type="radio" id="man" name="sex">man
        </label>
        <label for="woman">
            <input type="radio" id="woman" name="sex">woman
        </label>
        <label for="secret">
            <input type="radio" id="secret" name="sex" disabled>secret
        </label>
    </div>
    <div class="form-group">
        <select name="select" class="form-control">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
        </select>
    </div>
</form>