標簽
<table>為表格添加基礎樣式<thead>表格標題行的容器元素,用來識別列<tbody>表格主提中的表格行的容器元素<tr>單行的容器元素,用來存放<th>在中使用,用來存放列名單元格<td>表數據單元格<caption>關於表格存儲內容的描述或者總結
應用於表格樣式的類(全部都是在
.table 為表格添加基本的樣式(只有橫向的分隔線)
.table-striped 形成斑馬紋
.table-bordered 為所有的單元格添加邊框
.table-hover 在<tbody>內鼠標懸停會賦予該行不同的顏色
.table-condensed 讓表格變得更緊湊
.table 為表格添加基本的樣式(只有橫向的分隔線).table-striped 形成斑馬紋.table-bordered 為所有的單元格添加邊框.table-hover 在<tbody>內鼠標懸停會賦予該行不同的顏色.table-condensed 讓表格變得更緊湊<tr>,<th>和<td>類樣式
.active將表示懸停的顏色用在目標的行或者單元格上.success表示成功的操作(綠色).info表示信息變化的操作(藍色).warning表示一個警告的操作(黃色).danger表示一個危險的操作(紅色)
響應式表格
通過把任意的.table包括在.table-responsive內,就可以通過水平滾動條來兼容小型的設備(小於768px),在其他類型的設備上看則不會有區別。
<div class= "table-responsive ">
<table class="table">
...
</table>
</div>
