1. 程式人生 > >表格標籤的使用

表格標籤的使用

dd
table類是基本類,必須有的,寫在table標籤裡
1,.table-striped 這是隔行變色效果
2,.table-bordered 增加外邊框
3,.table-hover 每一行懸停變色效果
4,.table-condensed 使表格緊湊,也就是縮小單元格的padding值
在這裡插入圖片描述
狀態類,新增到tr標籤上的類,可以改變每一行的背景顏色

在這裡插入圖片描述
.active .success .info .warning .danger

表格響應式,必須寫在table的父元素上面 .table-responsive
即可建立響應式表格,其會在小螢幕裝置上(小於768px)水平滾動。當螢幕大於 768px 寬度時,水平滾動條消失。
在這裡插入圖片描述