bootstrap學習（四）表格

基礎樣式：

自適應沾滿瀏覽器

<table class="table"><tr><th>序號</th><th>姓名</th></tr><tr><td>11111</td><td>2222</td></tr></table> //加樣式的時候一般先加基礎樣式，然后再加其他樣式

帶條紋：

<table class="table table-striped"><tr><th>序號</th><th>姓名</th></tr><tr><td>11111</td><td>2222</td></tr><tr><td>11111</td><td>2222</td></tr></table>

?

帶邊框：

table-bordered

?

鼠標懸停：table-hover

?

表格行樣式：

<table class="table table-striped table-bordered table-hover"><tr class="success"><th>序號</th><th>姓名</th></tr><tr class="active"><td>11111</td><td>2222</td></tr><tr class="danger"><td>11111</td><td>2222</td></tr></table>

Class 　　描述 .active 　鼠標懸停在行或單元格上時所設置的顏色 .success 標識成功或積極的動作 .info 　　 標識普通的提示信息或動作 .warning 標識警告或需要用戶注意 .danger 　 標識危險或潛在的帶來負面影響的動作

?

響應式表格：

響應式表格需要將table放到div內? 且div樣式設置為table-responsive即可

<div class="table-responsive"><table class="table">...</table> </div>

?

posted @ 2019-05-04 18:23 巡山小妖N 閱讀(...) 評論(...) 編輯 收藏 與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的bootstrap学习（四）表格的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。