1、table的class:table table-borderd table-striprd table-hover table- condensed
2、tr、td、th的class :active danger warming success
3、效果如图
<div class="container">
<h1>Hello, world!</h1>
<div class="table-responsive">
<table class="table table-bordered table-condensed ">
<caption>基本的表格布局</caption>
<thead>
<tr class="danger">
<th>时间</th>
<th>地点</th>
</tr>
</thead>
<tbody>
<tr class="warning">
<td>2017-9-7</td>
<td>香港</td>
</tr>
<tr class="success">
<td>2013-9-3</td>
<td>深圳</td>
</tr>
</tbody></table>
</div>