Bootstrap——代码、表格

代码

    第一种是 <code> 标签。内联显示代码.
    第二种是 <pre> 标签。代码需要被显示为一个独立的块元素或者代码有多行.  <pre class="pre-scrollable">,多行代码有滚动条。
    第三种是 <kbd> 标签。按键提示. 

支持的表格元素

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

表格类

用于table元素

.table  为任意 <table> 添加基本样式 (只有横向分隔线，无外框)    
.table-striped  在 <tbody> 内添加斑马线形式的条纹 ( IE8 不支持)    
.table-bordered 为所有表格的单元格添加边框（完整边框）     
.table-hover    在 <tbody> 内的任一行启用鼠标悬停，鼠标在该行颜色会加深    
.table-condensed    让表格更加紧凑

用于tr，th，td，改变颜色

.active     将悬停的颜色应用在行或者单元格上    
.success    表示成功的操作（悬停的行的颜色为绿色）     
.info       表示信息变化的操作   
.warning    表示一个警告的操作   
.danger     表示一个危险的操作

响应式表格

通过把任意的 .table 包在 .table-responsive class 内，您可以让表格水平滚动以适应小型设备（小于 768px）。当在大于 768px 宽的大型设备上查看时，您将看不到任何的差别。