BootStrap表格
BootStrap代码显示方式
第一种是<code>标签,内联显示代码
第二种是<pre>标签,代码需要被显示为一个独立的块元素或者代码有多行。
开始标签<,结束标签>
<pre>多行代码、<pre class="pre-scrollable">多行代码带有滚动条
BootStrap表格
| 标签 | 描述 |
| <table> | 为表格添加基础样式 |
| <thead> | 表格标题行的容器元素<tr> |
| <tbody> | 表格主体中的表格行的容器元素 |
| <tr> | 单行上的表格单元格的容器元素 |
| <td> | 默认的表格单元格 |
| <th> | 特殊的表格单元格 |
| <caption> | 表格存储内容的描述或总结 |
表格类:
| 类 | 描述 |
| .table | 为任意表格添加基本样式 |
| .table-striped | 在<tbody>内添加斑马线形式的条纹 |
| .table-bordered | 为所有表格的单元格添加边框 |
| .table-hover | 在<tbody>内的任一行启用鼠标悬停状态 |
| .table-condensed | 让表格更加紧凑 |
<tr>,<th>和<td>类
| 类 | 描述 |
| .active | 将悬停的颜色应用在行或单元格上 |
| .success | 成功的操作 |
| .info | 信息变化的操作 |
| .warning | 警告的操作 |
| .danger | 危险的操作 |
基本的表格样式:class.table、条纹表格:.table-striped class、边框表格:.table-bordered class、悬停表格:.table-hover.class、精简表格:.table-condesed class
响应式表格:.table-responsive class

浙公网安备 33010602011771号