BootStrap表格

Posted 2021-11-10 cye9971-

BootStrap代码显示方式

第一种是<code>标签，内联显示代码

第二种是<pre>标签，代码需要被显示为一个独立的块元素或者代码有多行。

开始标签&lt;，结束标签&gt;

<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