Bootstrap 排版 文本

小一点浅一点(设置文本为父文本大小的 85%)<small> .small 

 大一点粗一点 行高高一点 .lead

粗  <strong>

斜体 <em>

添加背景色 <mark>

中间横杠 <del>

下滑线 <u>

文本位置:text-left    text-right    text-center  

元素位置浮动:.pull-left  .pull-right  导航条用.navbar-left .navbar-right

清除浮动:clearfix

元素块居中:.center-block

强制显示或隐藏:.show .hidden

关闭按钮:.close

下拉三角图标:caret

<div class="btn-group">
        <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Menu <span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu">
            <li><a href="#">一个链接</a></li>
            <li><a href="#">另一个链接 link</a></li>
            <li><a href="#">其他功能</a></li>
        </ul>
    </div>        

文本颜色:.text-muted .text-primary .text-success .text-warning .text-danger .text-info <a>标签也可以用

元素背景颜色:.bg-primary .bg-success .bg-info .bg-warning .bg-danger 

换行:text-justify

不换行:text-nowrap

字母大小写:text-lowercase  text-uppercase text-capitalize

解释缩略词:<abbr title="解释W">W</abbr>

地址:<address >

           <a href="mailto:#">1554112092@qq.com</a>

           </address>

引用:<blockquote>

设定引用右对齐 .blockquote-reverse

列表:ul : list-unstyled  list-inline

          ol:

描述   <dl class="dl-horizontal">

              <dt></dt>

              <dd></dd>

          </dl>


      

原文地址:https://www.cnblogs.com/pengc/p/8795363.html