bootstrap 排版:
1,标题:有 h1 到 h6 6级大小的标题,若要在标题旁添加子标题,可以嵌套 small 标签
引导主体副本:添加 class = lead,给段落增加强调文本,是其更大更粗,行高更高
2,文本强调:small标签 文本大小为父文本大小的85%
strong标签:文本加粗
em标签:设置文本为斜体
text-left :文本左对齐
text-center:文本居中对齐
text-right:文本右对齐
text-muted:文本内容透明度减弱
text-primary,text-success,text-info,text-warning,text-danger:带颜色的文本
3,缩写:abbr 元素的样式为显示在文本地步的一条虚线框,鼠标悬停时会显示完整文本,要添加title属性
如:
<abbr
title
=
"World Wide Web"
>
WWW
</abbr><br>
4,address标签:在网页上显示联系信息,需为封闭的地址文本添加换行
5,列表:
有序列表:以数字或字符开头的列表
无序列表:着重号开头,可用class = list-unstyled 移除着重号样式,可用class = list-inline把所有列表项显示在一行
定义列表:dl中,每个列表项包含dt和dd元素,可用class = dl-horizontal把dl行中属于和描述并排显示
<h4>水平的定义列表</h4><dl class="dl-horizontal">
<dt>Description 1</dt>
<dd>Item 1</dd>
<dt>Description 2</dt>
![]()
<dt>Description 1</dt>
<dd>Item 1</dd>
<dt>Description 2</dt>
<dd>Item 2</dd></dl>
6,text-justify:段落中文字超过屏幕部分自动换行
text-nowrap:段落中超出屏幕部分不换行
text-lowercase:文本小写
text-uppercase:文本大写
capitalize:首字母大写
pre-scrollable:使pre元素可滚动
7,引用 blockquote ,pull-left 向左对齐 pull-right:向右对齐
<blockquote class="pull-right">这是一个向右对齐的引用。<small>Someone famous in <cite title="Source Title">Source Title</cite></small></blockquote>