因Bootstrap的页面排版知识

标题:

Bootstrap定义了具备HTML的标题样式,<h1>…<h6>标签或者当标签内加入.h1
class抵足以抱相同的效能

图片 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(列表会显示在一行上)

图片 8

效果:

图片 9

 

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

图片 10

效果:

图片 11

复多之切近

 .lead 突出展示

.text-left 文本左对旅

.text-center 文本居中针对同步

.text-right 文本右对同步

.tetx-nowrap 文本段落不换行

.text-justify 自动换行

.text-uppercase 文本大写

.text-lowercase 文本小写

.text-capitalize 首字母大写

相关文章