手機也能上課
1/13
表格
表格是 Bootstrap 的一個基礎組件之一,
在使用 Bootstrap 的表格過程中,只需要添加對應的類名就可以得到不同的表格風格。
下表列出了 Bootstrap 為表格不同的樣式風格提供的一些類:
類名 | 描述 |
---|---|
.table
|
基本的表格
|
.table-striped
|
條紋狀表格 |
.table-bordered
|
帶邊框的表格
|
.table-hover
|
當指針懸停在行上時會實現(xiàn)背景效果的表格
|
.table-condensed
|
緊湊型表格
|
.table-responsive
|
響應式表格 |
條紋狀表格其效果與基礎表格相比,僅是在 tbody 隔行有一個淺灰色的背景色。
表格效果需要基于基本格式 .table
緊湊型表格與基礎表格差別不大,只是將單元格的內(nèi)距由 8px 調(diào)至 5px 。
表格效果需要基于基本格式 .table
將任何.table
元素包裹在.table-responsive
元素內(nèi),即可創(chuàng)建響應式表格。
其會在小屏幕設備上(小于768px)水平滾動,當屏幕大于 768px 寬度時,水平滾動條消失。