Bootstrap - 表格

Bootstrap Tables - 从概述，环境设置，基本结构，全局样式，网格系统，流体网格系统，布局，响应式设计，排版，表格，按钮，图像，图标，下拉列表，按钮组开始，简单易学地学习Bootstrap ，导航元素，导航栏，面包屑，分页，标签，徽章，版式，缩略图，警报，进度栏，媒体对象，Javascript插件像过渡，模态，下拉列表，Scrollspy，选项卡，工具提示，弹出，警报，按钮，折叠，旋转木马，Typeahead，Affix，Glyphicons，Jumbotron，Demos。

Bootstrap为构建表提供了一个干净的布局. Bootstrap支持的一些表元素是 :

Tag	描述
< table>	包装元素用于以表格格式显示数据
< thead>	容器元素表标题行(< tr>)标记表格列.
< tbody>	表格主体中表格行(< tr>)的容器元素.
< tr>	单行上显示的一组表格单元格(< td>或< th>)的容器元素.
< td>	默认表格单元格.
< th>	列(或行，取决于范围和位置)标签的特殊表格单元格.必须在< thead>
< caption>	内使用该表所包含的内容的描述或摘要.

基本表

如果你想要一个漂亮的基本表格样式，只需要一些轻薄的填充和水平分隔，将 .table 的基类添加到任何表中，如下例所示 :

   Basic Table Layout                     Name         City                              Tanmay         Bangalore                           Sachin         Mumbai

响应表

通过在 .table-responsive 类中包装任何 .table ，您将使表格水平滚动到小型设备(768px以下).在大于768px宽度的任何内容上查看时，您不会在这些表格中看到任何差异.

   Striped Table Layout                     Name         City         Pincode                              Tanmay         Bangalore         560001                           Sachin         Mumbai         400003                           Uma         Pune         411027