最近学习的关于bootstrap的页面排版

页面排版

Bootstrap 将全局font-size 设置为14px，line-height 行高设置为1.428(即20px)；<p>段落元素被设置等于1/2 行高(即10px)；颜色被设置为#333。

标题

Bootstrap 分别对h1 ~ h6 进行了CSS 样式的重构，并且还支持普通内联元素定义class=(.h1 ~ h6)来实现相同的功能。

在h1 ~ h6 元素之间，还可以嵌入一个small 元素作为副标题

内联文本元素

    添加标记

<p>Bootstrap<mark>框架</mark></p>   //各种加线条的文本

<del>Bootstrap 框架</del> //删除的文本

<s>Bootstrap 框架</s> //无用的文本

<ins>Bootstrap 框架</ins> //插入的文本

<u>Bootstrap 框架</u> //效果同上，下划线文本

    各种强调的文本

<small>Bootstrap 框架</small> //标准字号的85%

<strong>Bootstrap 框架</strong> //加粗700

<em>Bootstrap 框架</em> //倾斜

对齐

<p class="text-left">Bootstrap 框架</p> //居左

<p class="text-center">Bootstrap 框架</p> //居中

<p class="text-rig