首先来看直接的bs的table属性
<table class="table">
<tr>
<td>姓名</td>>
<td>语文</td>
<td>数学</td>
<td>数学</td>
</tr>
<tr>
<td>小王</td>
<td>150</td>
<td>150</td>
<td>150</td>
</tr>
<tr>
<td>小名</td>
<td>100</td>
<td>100</td>
<td>100</td>
</tr>
</table>
效果为
接着我们继续叠加样式，
<!--添加斑马纹效果-->
<table class="table table-striped">
添加边框，和鼠标悬停效果，当鼠标移到对应的表格上有悬停效果
<table class="table table-striped table-bordered table-hover">
w我们也可以给每一行设置不同的类型，有不同的效果
<tr class="warning">
<td>姓名</td>>
<td>语文</td>
<td>数学</td>
<td>英语</td>
</tr>
<tr class="danger">
<td>小王</td>
<td>150</td>
<td>150</td>
<td>150</td>
</tr>
<tr class="success">
<td>小名</td>
<td>100</td>
<td>100</td>
<td>100</td>
</tr>
