App下載
5. 表格和按鈕
Bootstrap3 入門課程 / 5. 表格和按鈕
手機也能上課
App下載
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 寬度時,水平滾動條消失。


+10 經(jīng)驗 +10積分
解析
提示
參考答案
+10 經(jīng)驗 +10積分
視頻播放結束,是否學習下一節(jié)?