欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

第六篇Bootstrap表格樣式介紹

 更新時(shí)間：2016年06月21日 15:07:32   作者：-夏昊-  
這篇文章主要介紹了第六篇Bootstrap表格樣式介紹的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下

基本表格:

<table>
<tr><td>用戶名</td><td>密碼</td></tr>
<tr><td>啊啊啊</td><td>1111</td></tr>
</table>

在<table>標(biāo)簽添加.table類可以為其賦予基本的樣式 ，少量的內(nèi)補(bǔ)（padding）和水平方向的分隔線。

顯示效果如下:

條紋狀表格：

在table標(biāo)簽上加上:class=”table table-striped”可以給tbody之內(nèi)的每一行增加斑馬條紋樣式

<table>
<tr><td>用戶名</td><td>密碼</td></tr>
<tr><td>啊啊啊</td><td>1111</td></tr>
</table>

顯示效果如下:

帶邊框的表格：

在table標(biāo)簽上加上class=” table table-bordered”可以為表格的每個(gè)單元格增加邊框。

<table>
<tr><td>用戶名</td><td>密碼</td></tr>
<tr><td>啊啊啊</td><td>1111</td></tr>
</table>

顯示效果如下：

緊縮表格:

通過添加.table-condensed類可以讓表格更加緊湊，單元格中的內(nèi)補(bǔ)（padding）均會(huì)減半

<table>
<tr><td>用戶名</td><td>密碼</td></tr>
<tr><td>啊啊啊</td><td>1111</td></tr>
</table>

顯示效果如下：

響應(yīng)式表格:

將任何.table元素包裹在.table-responsive元素內(nèi)，即可創(chuàng)建響應(yīng)式表格，其會(huì)在小屏幕設(shè)備上（小于768px）水平滾動(dòng)。當(dāng)屏幕大于 768px 寬度時(shí)，水平滾動(dòng)條消失

<div>
<table>
<tr><td>用戶名</td><td>密碼</td></tr>
<tr><td>啊啊啊</td><td>1111</td></tr>
</table>
</div>

以上所述是小編給大家介紹的第六篇Bootstrap表格樣式介紹的全部敘述，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論