标题类、文本类、列表类、代码类、图文样式、表格布局、

 一、标题类

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

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

1、设置标题

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

2.1、使用的标签：

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

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

3.2使用类名

        在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>

2.3、使用display类

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

<h1 class="disp1ay-1">display1</h1>

<h1 class="display-2">display2</h1>

<hl class="display-3">display3</h1>

<hl class="display-4">display4</h1>

二、文本类

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

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

1、强化文本   

        Bootstrap中提供了一些常用的内联元素来对文本进行强化突显重要内容，以实现风格统一、布局美观的效果．见下表所示。

标签