-
单元格没内距或者内距较其他表格的内距更小，在Bootstrap中，通过类名“table-condensed”重置了单元格内距值。
查看全部 -
当鼠标悬停在表格的行上面有一个高亮的背景色，Bootstrap提供了一个“.table-hover”类名来实现这种表格效果。
查看全部 -
所有单元格具有一条1px的边框，只需要在基础表格<table class="table">基础上添加一个“.table-bordered”类名即可
查看全部 -
让表格带有背景条纹效果，只需要在<table class="table">的基础上增加类名“.table-striped”即可
查看全部 -
表格的结构，跟我们平时使用表格是一样的
查看全部 -
Bootstrap还为表格的行元素<tr>提供了五种不同的类名，每种类名控制了行的不同背景颜色，具体说明如下表所示：
查看全部 -
.table：基础表格
.table-striped：斑马线表格
.table-bordered：带边框的表格
.table-hover：鼠标悬停高亮的表格
.table-condensed：紧凑型表格
.table-responsive：响应式表格
查看全部 -
只需要在pre标签上添加类名“.pre-scrollable”，就可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。
查看全部 -
1、使用<code></code>来显示单行内联代码
2、使用<pre></pre>来显示多行块代码
3、使用<kbd></kbd>来显示用户输入代码不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。
查看全部 -
水平定义列表就像内联列表一样，Bootstrap可以给<dl>添加类名“.dl-horizontal”给定义列表实现水平显示效果。
查看全部 -
定义列表使用，与我们以前的使用定义列表的方法是相同的（dl元素中dt为名称dd为它的定义）
查看全部 -
通过添加类名“.list-inline”来实现内联列表，简单点说就是把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显示。
查看全部 -
通过给无序列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格。
查看全部 -
无序列表和有序列表使用方式和我们平时使用的一样（无序列表使用ul，有序列表使用ol标签）
查看全部 -
.text-left：左对齐
.text-center：居中对齐
.text-right：右对齐
.text-justify：两端对齐
查看全部
举报