• 关于bootstrap--排版(标题、强调、背景、插入符等)


    1、

    2、标题:<h1>这是主标题<small>这是副标题,为当前字号65%,灰色(#999)</small></h1>。

    3、段落:<p>字号:14px,行高:1.42857143</p>。可以通过class="lead"来设置需要强调的<p>段落。

    4、加粗:<strong></strong>

    5、斜体:<em></em><i></i>

    6、强调:

    .text-muted:提示,使用浅灰色(#999)

    .text-primary:主要,使用蓝色(#428bca)

    .text-success:成功,使用浅绿色(#3c763d)

    .text-info:通知信息,使用浅蓝色(#31708f)

    .text-warning:警告,使用黄色(#8a6d3b)

    .text-danger:危险,使用褐色(#a94442)

    7、

    8、

    9、插入符:

    <div>插入符实例
    <div class="caret"></div>
    </div>

    10、快速浮动:<div class="pull-left">向左快速浮动</div>

              <div class="pull-right">向右快速浮动</div>

    11、内容居中:class="center-block".

    12、清除浮动:class="clearfix"

    <div class="clearfix"  style="background: #D8D8D8;border: 1px solid #000;padding: 10px;">
       <div class="pull-left" style="background:#58D3F7;">
          向左快速浮动
       </div>
       <div class="pull-right" style="background: #DA81F5;">
          向右快速浮动
       </div>
    </div>

    13、强行显示:class="show";强行隐藏:class="hidden"。

    14、sr-only 来把元素对所有设备隐藏,除了屏幕阅读器:

    <div class="row" style="padding: 91px 100px 19px 50px;">
       <form class="form-inline" role="form">
       <div class="form-group">
          <label class="sr-only" for="email">Email 地址</label>
          <input type="email" class="form-control" placeholder="Enter email">
       </div>
       <div class="form-group">
          <label class="sr-only" for="pass">密码</label>
          <input type="password" class="form-control" placeholder="Password">
       </div>
       </form>
    </div>
     
  • 相关阅读:
    php aes128加密
    redis应用场景
    Yii2开发小技巧
    yii2开启事务
    yii2验证密码->手机号码短信发送>手机短信发送频繁问题
    yii2 rules验证规则,ajax验证手机号码是否唯一
    随笔20170415
    v1版本
    数的划分
    单词接龙
  • 原文地址:https://www.cnblogs.com/shark1100913/p/5620676.html
Copyright © 2020-2023  润新知