Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</div>
通过效果展示就很明显了。
Lead body copy
通过添加
.lead可以让段落突出显示。复制代码
<h1 class=”page-header”>Lead Body Copy</h1>
<div style=”border:1px solid “>
<p class=”lead” style=”border:1px solid “>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.
Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</div>
<h1></h1>
通过和上面页面主体的对比就可以看到明显的效果了。
强调
直接使用HTML中用于标注强调的标签，并给他们赋予少许的样式。
1.小号文本
对于不需要强调的inline或block类型的文本，使用
<small>标签包裹，其内的文本将被设置为父容器字体大小的85%。标题元素中嵌套的
<small>元素被设置不同的
font-size。你还可以为行内元素赋予
.small以代替任何
<small>标签。复制代码
<small>This line of text is meant to be treated as fine print.</small>
2.着重
通过增加font-weight强调一段文本。
复制代码
<strong>rendered as bold text</strong>
3.斜体
用斜体强调一段文本。
复制代码
<em>rendered as italicized text</em>
4.对齐class
通过文本对齐class，可以简单方便的将文字重新对齐。
复制代码
<p class=”text-left”>Left aligned text.</p>
<p class=”text-center”>Center aligned text.</p>
<p class=”text-right”>Right aligned text.</p>
