關於bootstrap--表格（table的各類樣式）

關於bootstrap--表格（table的各類樣式）

 

一、table-striped：斑馬線表格

二、table-bordered：帶邊框的表格

三、table-hover：鼠標懸停高亮的表格

四、table-condensed：緊湊型表格(單元格的內距由8px調至5px。)

五、table-responsive：響應式表格(當你的瀏覽器可視區域小於768px時，表格底部會出現水平滾動條。當你的瀏覽器可視區域大於768px時，表格底部水平滾動條就會消失)

六、「.table」主要有三個做用：

  ☑  給表格設置了margin-bottom:20px以及設置單元內距

  ☑  在thead底部設置了一個2px的淺灰實線

  ☑  每一個單元格頂部設置了一個1px的淺灰實線

<table class="table">
   <thead>
     <tr>
       <th>表格標題</th>
       <th>表格標題</th>
       <th>表格標題</th>
     </tr>
   </thead>
   <tbody>
     <tr>
       <td>表格單元格</td>
       <td>表格單元格</td>
       <td>表格單元格</td>
     </tr>
     <tr>
       <td>表格單元格</td>
       <td>表格單元格</td>
       <td>表格單元格</td>
     </tr>
   </tbody>
 </table>