表格

1.基礎樣式

class="table"

<table class="table">
    <tr>
        <th>序號</th><th>姓名</th><th>年齡</th>       
    </tr>
    <tr>
        <td>1</td><td>張三</td><td>18</td>        
    </tr>
    <tr>
        <td
 
>2</td><td>李四</td><td>22</td>        
    </tr>
    <tr>
        <td>3</td><td>王五</td><td>16</td>        
    </tr>
    <tr>
        <td>4</td><td>趙六</td><td>24</td>        
    </tr
 
>
</table>

2.條紋樣式

class="table table-striped"

程式碼同基礎樣式程式碼一樣，只是 class=”table”變為class=”table table-striped”，是在基礎樣式上新增條紋。

3.帶邊框

class="table table-bordered"

帶邊框帶條紋可以一起使用

class="table table-bordered table-striped"

4.滑鼠懸停當前行顯示灰色背景

class="table table-hover"

滑鼠懸停在序號一上，序號一顯示灰色背景。

5.緊湊型表格

class="table-condensed"

6.響應式表格

將任何 .table 元素包裹在 .table-responsive 元素內，即可建立響應式表格，其會在小螢幕裝置上（小於768px）水平滾動。當螢幕大於 768px 寬度時，水平滾動條消失。

<div class="table-responsive">
    <table class="table">...</table>
</div>