BootStrap常用标签

本文介绍了Bootstrap框架中对h1到h6标题的样式定制方法,并详细解释了如何使用各种文本组件,如段落、引用、列表等来丰富页面布局。

标题

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

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

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


段落

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

对比如下:

强调

标签:<mark><del><s><ins><u><small><strong><em>

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


文本对齐

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


改变大小写

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


缩略语

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


引用

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


列表

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




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值