依据Bootstrap的页面排版知识

标题:

Bootstrap定义了具备HTML的标题样式,<h一>…<h陆>标签或许在标签内插足.h一class等得以获得1致的功效

图片 1

效果:

图片 2

副标题:

标签<small>大概增加.small
class

图片 3

效果:

图片 4

缩写:

<abbr>标签,title属性中写全称

<abbr title=”World Trade Organization”>WTO</abbr>

当鼠标移动到文本上时展现:

图片 5

列表:

 .list-unstyled class的利用(去除列表前边的体裁)

图片 6

效果:

图片 7

.list-inline class(列表会显得在1行上)

图片 8

效果:

图片 9

 

.dl-horizontal class应用于概念列表

图片 10

效果:

图片 11

越多的类

 .lead 卓绝展现

.text-left 文本左对齐

.text-center 文本居中对齐

.text-right 文本右对齐

.tetx-nowrap 文本段落不换行

.text-justify 自动换行

.text-uppercase 文本大写

.text-lowercase 文本小写

.text-capitalize 首字母大写

相关文章