zoukankan      html  css  js  c++  java
  • Bootstrap排版

    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

  • 相关阅读:
    一个好用的网站生成工具
    golang sync.Cond 类
    go语言的一些特性
    git 指令如何撤销一次merge
    k8s学习(二)——etcdctl工具的使用
    python numpy array 的一些问题
    (转) Python Generators(生成器)——yield关键字
    shell 括号学习
    zsh
    vim 常用命令总结
  • 原文地址:https://www.cnblogs.com/tekkaman/p/6922301.html
Copyright © 2011-2022 走看看