zoukankan      html  css  js  c++  java
  • 关于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>
     
  • 相关阅读:
    将纸质照片转成数字报名照
    华为手机如何下载google play商店中的apk
    大疆Mavic 2发布
    [转] Spring使用Cache、整合Ehcache
    [转] spring-boot集成swagger2
    [转] Intellij IDEA快捷键与使用小技巧
    [转] 这个常识很重要,教你如何区分JEDEC 1600内存与XMP 1600内存
    [转] 下载文件旁边附的MD5/SHA256等有什么用途?
    Openresty 健康检查
    Vuforia图像追踪,动态创建的对象隐藏显示的坑
  • 原文地址:https://www.cnblogs.com/shark1100913/p/5620676.html
Copyright © 2011-2022 走看看