范例:使用“table”
<div class="container"> <!--表示定义一个容器-->
<div class="row">
<div class="col-md-6">
<table class="table">
<tr>
<td>部门编号</td>
<td>部门名称</td>
<td>部门位置</td>
</tr>
<tr><td>10</td>
<td>研发部</td>
<td>北京</td>
</tr>
</table>
</div>
</div>
</div>
只要使用了".table"样式,那么表格就变得非常好看
范例:设置背景条纹
<table class="table table-striped">
<tr>
<td>部门编号</td>
<td>部门名称</td>
<td>部门位置</td>
</tr>
<tr><td>10</td>
<td>研发部</td>
<td>北京</td>
</tr>
</table>
效果:
设置表格边框:table-bordered
设置鼠标滑过高亮显示:table-hover
设置鼠标 紧凑型表格
表格由于需要一块空间进行显示,那么一定根据设备进行不同样式的改变:table-responsive