Bootstrap排版:文本内容强调与着重

在Bootstrap css样式中有默认强调标签 <small>(设置文本为父文本大小的 85%)、<strong>(设置文本为更粗的文本)、<em>(设置文本为斜体),此外提供了一些用于其他的强调文本的类,如下面实例所示:

<small>本行内容是在标签内</small><br>
<strong>本行内容是在标签内</strong><br>
<em>本行内容是在标签内,并呈现为斜体</em><br>
<p class="text-left">向左对齐文本</p>
<p class="text-center">居中对齐文本</p>
<p class="text-right">向右对齐文本</p>
<p class="text-muted">本行内容是减弱的</p>
<p class="text-primary">本行内容带有一个 primary class</p>
<p class="text-success">本行内容带有一个 success class</p>
<p class="text-info">本行内容带有一个 info class</p>
<p class="text-warning">本行内容带有一个 warning class</p>
<p class="text-danger">本行内容带有一个 danger class</p>
<p class="lead">这是一个演示引导主体副本用法的实例</p>

代码效果如下所示:

本行内容是在标签内
本行内容是在标签内
本行内容是在标签内,并呈现为斜体

向左对齐文本

居中对齐文本

向右对齐文本

本行内容是减弱的

本行内容带有一个 primary class

本行内容带有一个 success class

本行内容带有一个 info class

本行内容带有一个 warning class

本行内容带有一个 danger class

这是一个演示引导主体副本用法的实例

tips:

  • .text-muted:提示,使用浅灰色(#999)
  • .text-primary:主要,使用蓝色(#428bca)
  • .text-success:成功,使用浅绿色(#3c763d)
  • .text-info:通知信息,使用浅蓝色(#31708f)
  • .text-warning:警告,使用黄色(#8a6d3b)
  • .text-danger:危险,使用褐色(#a94442)

猜你喜欢
锂电池饿死了怎么激活 锂电池饿死了的激活方法
盆栽辣椒的种植方法 盆栽辣椒如何种植
英文名字 英文名字书写格式
塑料桌垫上的污渍如何去除小妙招 塑料桌垫上的污渍如何去除小妙招图解
领导办公室放什么盆栽 领导办公室放什么盆栽合适
上厕所是蹲着还是坐着好 排便是坐着好还是蹲着好
豆渣肥种菜怎么做 豆渣怎么做肥料种菜
炖猪脑汤给小孩吃放什么材料好 炖猪脑汤给小孩吃的材料

很赞哦! ()