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


          

  • 相关阅读:
    数值的扩展
    字符串的扩展
    变量的解构赋值整理
    let和const命令整理
    解析vue2.0中render:h=>h(App)的具体意思
    菜单栏的显示与隐藏
    vue的事件绑定
    CSS3实现3D地球自转行星公转
    MongoDB命令的简单操作(一)
    canvas扇形进度圈动态加载
  • 原文地址:https://www.cnblogs.com/pengc/p/8795363.html
Copyright © 2020-2023  润新知