最近重新學習了一下bootstrap,順便整理一些常用的屬性,用法
<table class="table">
...
</table>
表格的基本屬性,設置了寬度和td設置了內(nèi)編輯
<table class="table table-striped">
...
</table>
條紋表格(ie8不支持)
<table class="table table-bordered">
...
</table>
設置每個單元格邊框
<table class="table table-hover">
...
</table>
懸停時tr有不同的樣式
<table class="table table-condensed">
...
</table>
縮進表格,減少padding的值
.active 鼠標懸停在行或單元格上時所設置的顏色
.success 標識成功或積極的動作
.info 標識普通的提示信息或動作
.warning 標識警告或需要用戶注意
.danger 標識危險或潛在的帶來負面影響的動作
可以設置在tr或者td上
<div class="table-responsive">
<table class="table">
...
</table>
</div>
響應式表格,注意 table外面必須有一層包裹,內(nèi)容table的內(nèi)容足夠多時,當屏幕大小小于768時,會出現(xiàn)水平滾動條