2024年4月17日发(作者：)

排版样式

一．页面排版

Bootstrap 提供了一些常规设计好的页面排版的样式供开发者使用。

1.页面主体

Bootstrap 将全局font-size 设置为14px，line-height 行高设置为1.428(即

20px)；

段落元素被设置等于1/2 行高(即10px)；颜色被设置为#333。

2.标题

//内联元素使用标题字体

Bootstrap

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

//在标题元素内插入small 元素

Bootstrap 框架Bootstrap 小标题

在h1 ~ h6 下的small 样式也进行了改变，颜色变成淡灰色：#777，行高为1，粗度为400。

3.内联文本元素

//添加标记，元素或.mark 类

Bootstrap框架

//各种加线条的文本

Bootstrap 框架 //删除的文本

Bootstrap 框架 //无用的文本

Bootstrap 框架 //插入的文本

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

//各种强调的文本

Bootstrap 框架 //标准字号的85%

Bootstrap 框架 //加粗700

Bootstrap 框架 //倾斜

4.对齐

//设置文本对齐

Bootstrap 框架

//居左

Bootstrap 框架

//居中

Bootstrap 框架

//居右