Bootstrap CSS3基础排版

1.基础排版

Bootstrap为传统的标题元素h1~h6重新定义了标准的样式，使得在所有的

浏览器下显示的效果都一样。标题元素的用法与平时的用法一致。

Bootstrap还同步定义了6个class样式(h1~h6)，以便在非标题元素下使用相

同的样式，唯一不同的是class没有定义margin-top和margin-bottom。

Bootstrap为全局设置的 font-size=14px，line-height=20px。

(1)文本强调元素是：small，strong，em，cite；

文本对齐方式：text-left，text-right，text-center，text-justify分别表示文本靠左、靠右、居中

和自适应对齐。例如：<p class="text-right">text-right:文本靠右对齐</p>

(2)缩略语

Bootstrap在abbr元素上实现了缩略词功能，即鼠标移动到缩略词上时，就显示声名在title中的属

性值。例如：<abbr title="1234">1</abbr>  缩略词下有虚线，鼠标移动到缩略词上时有手型图标。

(3)地址元素

地址元素address，主要设置行间距和底部的margin。用法举例：<address> <p>text</p></address>。

(4)引用

在<blockquote>元素里进行引用，可以引用任意HTML内容。

用法举例为：

代码1：

<blockquote>
<p>人生若只如初见</p>
<small>摘自：<cite title="Tom">Tom</cite></small>
</blockquote> 

则会实现如下图的效果图1：

图1

Bootstrap还提供了一个pull-right的样式用于右对齐。如代码2所示：

代码2：

<blockquote class="pull-right">
<p>人生若只如初见</p>
<small>摘自：<cite title="Tom">Tom</cite></small>
</blockquote> 

其效果为图2：

图2