bootstrap 基本表格

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

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

只需为表格加上.table 样式即可

<table class="table">

<thead>

<tr>

<th>#</th>

<th>Firstname</th>

</tr>

</thead>

<tbody>

<tr>

<td>1</td>

<td>Anna</td>

</tr>

<tr>

<td>2</td>

<td>Debbie</td>

</tr>

<tr>

<td>3</td>

<td>John</td>

</tr>

</tbody>

</table>

结果：