bootstrap3学习笔记1-排版

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属性

如:

WWW

4,address标签:在网页上显示联系信息,需为封闭的地址文本添加换行

5,列表

有序列表:以数字或字符开头的列表

无序列表:着重号开头,可用class = list-unstyled 移除着重号样式,可用class = list-inline把所有列表项显示在一行

定义列表:dl中,每个列表项包含dt和dd元素,可用class = dl-horizontal把dl行中属于和描述并排显示

bootstrap3学习笔记1-排版_第1张图片

6,text-justify:段落中文字超过屏幕部分自动换行

text-nowrap:段落中超出屏幕部分不换行

text-lowercase:文本小写

text-uppercase:文本大写

capitalize:首字母大写

pre-scrollable:使pre元素可滚动

7,引用 blockquote ,pull-left 向左对齐   pull-right:向右对齐

这是一个向右对齐的引用。Someone famous inSource Title

bootstrap3学习笔记1-排版_第2张图片

你可能感兴趣的:(bootstrap3学习笔记1-排版)