Bootstrap

标题类

在HTML中，可以使用不同的标签来定义不同的文本样式，例如文字的大小、粗体、删除线等。Bootstrap通过覆写元素的默认样式，实现对页面布局的优化，让页面在用户面前呈现得更加美观。

在浏览网页时最先关注的就是文章的标题，Bootstrap和普通的HTML页面一样，都是使用<h1>到<h6>标签来定义标题。同时Bootstrap还提供了一系列display类来设置标题样式。

设置标题

在Bootstrap中对<h1>到<h6>标签默认样式进行了覆盖。需要注意的是，元素的样式会随着浏览器的修改而进行变动的，可以使元素在不同的浏览器下显示一样的效果。

使用标签

Bootstrap中<h1>~<h6>标题描述具体如下表所示。

上表中，Bootstrap标题的具体使用和平时的使用方法是一样的，从一级标题到六级标题，数字越大所代表的级别越小，文本也越小。

<h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

使用display类

如果想要将传统的标题元素设计得更加美观、醒目，来迎合网页内容。这时可以使用Bootstrap中提供的一系列display类来设置标题样式。

<h1 class="display-1">display1</h1>
    <h1 class="display-2">display2</h1>
    <h1 class="display-3">display3</h1>
    <h1 class="display-4">display4</h1>

使用类名

在Bootstrap中定义了六个类名h1到h6来让非标题元素实现标题效果，与<h1>~<h6>不同的是使用类名h1到h6的文本段不会视作HTML的标题元素，没有标题的含义。

<div class="h1">一级标题</div>
    <div class="h2">二级标题</div>
    <div class="h3">三级标题</div>
    <div class="h4">四级标题</div>
    <div class="h5">五级标题</div>
    <div class="h6">六级标题</div>

设置副标题

学习了标题元素基本使用后，在Web开发中，我们常常会遇到一个标题后面紧跟着一行小的副标题的形式。当然，在Bootstrap中也考虑到了这种布局形式，使用<smal1>标签来实现副标题效，通常与.text-muted样式一起使用。

文本类

段落<p>元素是网页布局中的重要组成部分，在Bootstrap中为文本设置了一个全局的正文文本样式，包括对字体和字号、行高、颜色的基础设置。除此之外，为了显示美观，同时便于用户阅读，特意给p元素设置了margin值。

在实际项目中，对于一些重要的文本，开发者往往希望对这些文本进行特殊的样式设置，以突显其重要性。

强化文本

针对上表中的内联元素进行介绍。

<b>和<strong>默认情况下是加粗字体。前者是给其包裹的文本设置为bold粗体效果。而后者表示加强字符的语气，使用bold粗体来起到强调的作用。

<de1>和<s>都可以实现删除效果，但是<de1>更具有语义化，能更形象的描述删除意思。<strong>和<em>具有强调作用，有利于SEO。

<ins>和<u>都可以实现下画线效果，但是前者通常与<de1>一起使用。用来定义已经被插入文档中的文本，而后者表示为文本添加下划线。

<footer>和<cite>通常表示所包含的文本对某个参考文献的引用，区别在于后者引用的文本将以斜体显示。

文本颜色

除了上述Boptstrap中提供的一些元素标签(如<strong>、<em>)来对文本进行强化突显重要内容之外，Bootstrap还定义了一套类名，通过设置文本颜色来强调其重要性。见下表所示。

文本格式

在网页布局中经常会用到文本对齐方式，在CSS中常常使用text-align属性来设置文本对齐方式。在Bootstrap中，为了简化操作，方便开发者使用，Bootstrap中提供了一系列的文本对齐样式和大小写相关的样式，具体见下表.