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>
相关文章推荐
- Bootstrap3.0学习第四轮(排版)
- Bootstrap3学习笔记:基础排版
- Bootstrap学习之三:使用排版
- Bootstrap3.0学习第四轮(排版)
- Bootstrap3.0学习第四轮(排版)
- 学习使用Bootstrap页面排版样式
- Bootstrap框架学习之---介绍、排版样式
- Bootstrap 学习笔记 之排版 (2 day)
- Bootstrap快速学习笔记(1)排版系列之二
- Bootstrap快速学习笔记(1)排版系列之一
- Bootstrap学习-排版-表单
- bootstrap框架学习笔记一(模板,排版-段落-列表-表格部分)
- 学习笔记5-bootstrap 排版
- BOOTSTRAP基础学习小记(二)排版、列表、代码风格、表格
- Bootstrap3.0学习第四轮(排版)
- Bootstrap3 排版之个人学习笔记
- [学习笔记] BootStrap(一):排版(主副标题,文字等)
- bootstrap3学习笔记1-排版
- bootstrap 学习笔记 - 2 (排版+代码 样式)
- Bootstrap学习笔记之排版