bootstrap对表格的修改

1.表格格式

Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素：

1
2
3
4
5
6
7

<table>	   #为表格添加基础样式。
<thead>	   #表格标题行的容器元素（<tr>），用来标识表格列。
<tbody>	   #表格主体中的表格行的容器元素（<tr>）。
<tr>	   #一组出现在单行上的表格单元格的容器元素（<td> 或 <th>）。
<td>	   #默认的表格单元格。
<th>	   #特殊的表格单元格，用来标识列或行（取决于范围和位置）。必须在 <thead> 内使用。
<caption>   #关于表格存储内容的描述或总结。

2.基础表格

添加名为 table 的类，效果：    
    给表格设置了margin-bottom:20px以及设置单元内距
    在thead底部设置了一个2px的浅灰实线
    每个单元格顶部设置了一个1px的浅灰实线

3.表格附加样式

通过添加以下类名：
    table-striped：斑马线表格
    table-bordered：带边框的表格
    table-hover：鼠标悬停高亮的表格
    table-condensed：紧凑型表格

4.响应式表格

<table class=“table table-responsive ”>

Bootstrap提供了一个容器，并且此容器设置类名“.table-responsive”,此容器就具有响应式效果，然后将<table class=“table”>置于这个容器当中，这样表格也就具有响应式效果。
当你的浏览器可视区域小于768px时，表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时，表格底部水平滚动条就会消失。