BootStrap常用标签

标题

bootstrap为h1到h6赋予新的样式。

bootstrap里的样式:                            一般正常样式:

BootStrap常用标签_第1张图片BootStrap常用标签_第2张图片

标题里还可以包含h或包含.small的元素作为副标题。


段落

段落元素

还被设置了等于 1/2 行高的底部外边距(margin)。t通过.lead类可以让段落突出显示。

对比如下:

强调

标签:

类:text-primary,text-success ,text-warning , text-danger ,text-info,这些类的主要的为文本添加颜色

BootStrap常用标签_第3张图片BootStrap常用标签_第4张图片

文本对齐

.text-left,.text-center,.text-right,.text-justify,.text-nowrap

BootStrap常用标签_第5张图片

改变大小写

.text-lowcase,.text-uppercase,.text-capitalize

BootStrap常用标签_第6张图片

缩略语

当鼠标悬停在缩写和缩写词上时就会显示完整内容,缩略语元素带有title属性,外观表现为带有较浅的虚线框,鼠标移至上面时会变成带有“问号”的指针。


引用

正常显示为左对齐,想到右对齐,可以给blockquote加类blockquots-reverse。想要标注标题来源,可以使用
标签,来源的命可以写在标签内。

BootStrap常用标签_第7张图片

列表

有序列表

    、无序列表
      、未定义样式列表.list-unstyled、内联列表.list-inline、定义列表(每个列表都包含
      元素,
      代表定义术语,就像字典,
      是对
      的描述,.dl-horizontal可以让
      在同一行)。

      BootStrap常用标签_第8张图片BootStrap常用标签_第9张图片BootStrap常用标签_第10张图片BootStrap常用标签_第11张图片



你可能感兴趣的:(BootStrap常用标签)