table的class属性:
table 会修改一些简单的样式;table-striped 隔行换色;table-bordered 给表格添加边框;table-hover 给每一行添加一个hover状态;table-condensed 让表格更加紧凑;table-responsive 这个属性是将表格包裹在一个class为table-responsive的div里,当屏幕尺寸过于小时会出现滚动条。代码如下:
<div class="container"> <div class="row"> <div class="table-responsive"> <table class="table table-striped table-bordered table-hover table-condensed"> <thead> <tr> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> <th>星期六</th> </tr> </thead> <tbody> <tr> <td>语文</td> <td>数学</td> <td>英语</td> ……另外还有一些关于颜色的属性 也就是在tr、td等的class属性(以tr为例):
<tr class="active"></tr><tr class="success"></tr><tr class="warning"></tr><tr class="danger"></tr><tr class="info"></tr>新闻热点
疑难解答