（慕课网大漠《玩转bootstrap》[基础]）

1. 标题样式 除了有标签 h1~h6 之外，bootstrap还提供了对应的六个类名：.h1~.h6

2.副标题 small标签

行高都是1，而且font-weight设置了normal变成了常规效果（不加粗），同时颜色被设置为灰色（#999）内的文本字体在h1~h3内，其大小都设置为当前字号的65%；而在h4~h6内的字号都设置为当前字号的75%

3.段落P强调内容 lead类样式 如果想让一个段落p突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。 用法：

=”lead”>我是特意要突出的文本，，我的样子成这样。我是特意要突出的文本，我的样子长成这样。</p>

4.粗体 在Bootstrap中，可以使用<b>和<strong>标签让文本直接加粗。

5. 斜体 斜体类似于加粗一样，除了可以给元素设置样式font-style值为italic实现之外，在Bootstrap中还可以通过使用标签<em>或<i>来实现。

6.强调相关的类 在Bootstrap中除了使用标签<strong>、<em>等说明正文某些字词、句子的重要性，Bootstrap还定义了一套类名，这里称其为强调类名（类似前面说的“.lead”）,这些强调类都是通过颜色来表示强调，具本说明如下：

.text-muted：提示，使用浅灰色（#999）.text-primary：主要，使用蓝色（#428bca）.text-success：成功，使用浅绿色(#3c763d).text-info：通知信息，使用浅蓝色（#31708f）.text-warning：警告，使用黄色（#8a6d3b）.text-danger：危险，使用褐色（#a94442）

7.文本对齐风格

.text-left：左对齐 .text-center：居中对齐 .text-right：右对齐 .text-justify：两端对齐

8.列表

9.代码相关

10.表格

.table：基础表格.table-striped：斑马线表格.table-bordered：带边框的表格.table-hover：鼠标悬停高亮的表格.table-condensed：紧凑型表格.table-responsive：响应式表格

10-1.表格行的类

类名描述

.active 表示当前活动的信息

.success 表示成功或者正确的行为

.info 表示中立的信息或行为

.warning 表示警告，需要特别注意

.dangerer 表示危险或者可能是错误的行为

10-2.基础表格 注意

在Bootstrap中，对于基础表格是通过类名“.table”来控制。如果在元素中不添加任何类名，表格是无任何样式效果的。

10-3.响应式表格

在Bootstrap中也为表格提供了响应式的效果，将其称为响应式表格。 Bootstrap提供了一个容器，并且此容器设置类名“.table-responsive”,此容器就具有响应式效果，然后将置于这个容器当中，这样表格也就具有响应式效果。 Bootstrap中响应式表格效果表现为：当你的浏览器可视区域小于768px时，表格底部会出现水平滚动条。当你的浏览器可视区域大于768px时，表格底部水平滚动条就会消失。

在繁华中体会热闹;若是厌倦了喧嚣，寻一处宁静的幽谷，