<div> <table> <caption>上下文表格布局</caption> <thead> <tr> <th>编号</th> <th>城市</th> </tr> </thead> <tbody> <tr> <td>No.1</td> <td>北京</td> </tr> <tr> <td>No.2</td> <td>上海</td> </tr> <tr> <td>No.3</td> <td>苏州</td> </tr> <tr> <td>No.4</td> <td>南京</td> </tr> </tbody> </table> </div>
显示效果：
响应式表格
通过把任意的 .table 包在 .table-responsive class 内，您可以让表格水平滚动以适应小型设备（小于 768px）。当在大于 768px 宽的大型设备上查看时，您将看不到任何的差别。
<div> <table> <caption>响应式表格布局</caption> <thead> <tr> <th>编号</th> <th>城市</th> </tr> </thead> <tbody> <tr> <td>No.1</td> <td>北京</td> </tr> <tr> <td>No.2</td> <td>上海</td> </tr> <tr> <td>No.3</td> <td>苏州</td> </tr> <tr> <td>No.4</td> <td>南京</td> </tr> </tbody> </table> </div>
显示效果：
如果还想继续学习的话大家可以点击这里进行学习，再为大家附一个精彩的专题：Bootstrap学习教程