您的位置:首页 > Web前端 > BootStrap

Bootstrap学习7--排版

2017-05-17 13:14 302 查看

标题 [H1-H6] 均可使用

H1 36px semibold

H2 30px semibold

H3 24px semibold

H4-H6 分别是 18 14 12

副标题 标题内使用或者.small 类就可以 添加副标题效果

副标题的字体样式 颜色偏淡,字体 偏小

页面主体

Bootstrap 全局

font-size 设置为 14px,

line-height 设置为 1.428。

这些属性直接赋予 元素和所有段落元素。

另外,
(段落)元素还被设置了等于 1/2 行高(即 10px)的底部外边距(margin)。

默认行高20px

.lead类

中心内容
突出显示

使用 Less 工具构建

详见 : variables.less

文件中定义的两个 Less 变量决定了排版尺寸:

@font-size-base — 默认 14px

@line-height-base — 默认 20px

内联文本元素

<marktext>内联文本</marktext>


标记删除

<del>


标记无用

<s>标记无用</s>


插入文本

<ins></ins>


下滑线

<u></u>


小号字体:父容器的85%

<small>


着重

<strong></strong>


斜体

<em>rendered as italicized text</em>


对齐

<p class="text-left">左对齐</p>
<p class="text-center">居中</p>
<p class="text-right">右对齐</p>
<p class="text-justify">两端对齐</p>
<p class="text-nowrap">松散对齐</p>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: