码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap排版

时间:2017-05-31 10:13:31      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:alt   大写   大小写   eal   pre   内容   文本   web   tle   

Bootstrap排版

1、为了给段落添加强调文本,则可以添加 class="lead",这将得到更大更粗、行高更高的文本。

<h2>引导主体副本</h2>
<p class="lead">这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。</p>

 技术分享

2、文本对齐

<p class="text-left">向左对齐文本</p>
<p class="text-center">居中对齐文本</p>
<p class="text-right">向右对齐文本</p>

3、文本样式

<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>

技术分享

 4、缩写

<abbr title="World Wide Web">WWW</abbr><br>
<abbr title="Real Simple Syndication" class="initialism">RSS</abbr>

技术分享

5、blockquote

<blockquote>
    <p>
        这是一个默认的引用实例。这是一个默认的引用实例。
    </p>
</blockquote>
<blockquote class="pull-right">
    这是一个向右对齐的引用。
    <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>

技术分享

技术分享

6、大小写文本

    <p class="text-lowercase">Lowercased text(小写文本).</p>
    <p class="text-uppercase">Uppercased text(大写文本).</p>      
    <p class="text-capitalize">Capitalized text(首字母大写文本).</p>

技术分享

参考:http://www.runoob.com/bootstrap/bootstrap-typography.html

Bootstrap排版

标签:alt   大写   大小写   eal   pre   内容   文本   web   tle   

原文地址:http://www.cnblogs.com/tekkaman/p/6922301.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!