bootstrap表格樣式

一：表格基本格式

<table>

      <tr>

          <th>標題一</th>

          <th>標題二</th>

      </tr>

       <tr>

            <td>單元格內容一</td>

             <td>單元格內容二</td>

        </tr>

</table>

1、首先所有的表格內容，肯定都包含在<table>標簽內

2、<tr>表示一行

3、<th>表示表格標題

4、<td>表示表格單元格內容

二、表格的bootstrap樣式

定義類名為.table的表格

<table class="table">……</table>

1、斑馬線表格： .table-striped

2、帶邊框表格： .table-bordered

3、鼠標懸停時，高亮顯示： .table-hover

4、緊湊型表格：.table-condensed

5、響應式表格：.table-responsives

三、<thead>用法

<table>

    <thead>

      <tr>

          <th>標題一</th>

          <th>標題二</th>

      </tr>

     </thead>

    <tbody>

       <tr>

            <td>單元格內容一</td>

             <td>單元格內容二</td>

        </tr>

        </tbody>

</table>

1、在表格的標題添加<thead></thead>，標題底部會顯示2px的淺灰色實線

2、<tbody></tbody>表示表格的主體，配合<thead></thead>使用