Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素:
<body> <div class="table-responsive"> <table class="table table-bordered table-hover " style="text-align:center;"> <!--table-striped 类可以给 <tbody> 之内的每一行增加斑马条纹样式。 table-condensed 类可以让表格更加紧凑,单元格中的内补(padding)均会减半。 table-bordered 类为表格和其中的每个单元格增加边框。 table-hover 类可以让 <tbody> 中的每一行对鼠标悬停状态作出响应。 table 类可以为其赋予基本的样式 — 少量的内补(padding)和水平方向的分隔线。 --> <tr class="active"> <td>1</td> <td>2</td> </tr> <tr class="danger"> <td>1</td> <td>2</td> </tr> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>1</td> <td>2</td> </tr> </table>