前言
本文主要講解的是表格,這個其實對于做過網站的人來說,并不陌生,而且可以說是最為常用的各種列表的展示,有時候也會因為用戶或者老板的需求而感到頭疼。下面我們來看一下,Bootstrap已經為我們準備那些類型的表格呢?如下所示:
1.基本案例
2.條紋狀表格
3.帶邊框的表格
4.鼠標懸停
5.緊縮表格
6.狀態class
7.響應式表格
8.總結
基本案例
為任意<table>標簽添加.table可以為其賦予基本的樣式—少量的內補(padding)和水平方向的分隔線。這種方式看起來很多余!?但是我們覺得,表格元素使用的很廣泛,如果我們為其賦予默認樣式可能會影響例如日歷和日期選擇之類的插件,所以我們選擇將其樣式獨立出來。
一個簡單的Table示例

條紋狀表格
利用.table-striped可以給<tbody>之內的每一樣增加斑馬條紋樣式。
在上面示例的table元素上再添加一個樣式類
看現在的效果,還是有點變化的。
帶邊框的表格
利用.table-bordered為表格和其中的每個單元格增加邊框。
還是將第一個示例中的table元素上再添加一個樣式類
 
            
| 
 
 | 
新聞熱點
疑難解答