<tr> <td>编号</td> <td>新闻标题</td> <td>发布者</td> <td>发布时间</td> </tr> <tr> <td>001</td> <td>A</td> <td>CHX</td> <td>2017</td> </tr> <tr> <td>002</td> <td>B</td> <td>ANYI</td> <td>2017</td> </tr>
7、响应式表格：
将.table元素包裹在.table-responsive元素内，即可创建响应式表格
当屏幕宽度小于768px时，表格会出现滚动条。
当屏幕宽度大于768px时，表格的滚动条自然消失。
也就是在table标签外再创一个div标签，div的class设置为table-responsive即可。
<div> <table> <tr> <td>编号</td> <td>新闻标题</td> <td>发布者</td> <td>发布时间</td> <td>发布者</td> <td>发布时间</td> <td>发布者</td> <td>发布时间</td> </tr> <tr> <td>001</td> <td>A</td> <td>CHX</td> <td>2017</td> <td>CHX</td> <td>2017</td> <td>CHX</td> <td>2017</td> </tr> <tr> <td>002</td> <td>B</td> <td>ANYI</td> <td>2017</td> <td>CHX</td> <td>2017</td> <td>CHX</td> <td>2017</td> </tr> </table> </div>
本节源码：https://github.com/chenhaoxiang/BootStrap/tree/master/OneDay