• BootStrap排版


    BootStrap使用Helvetica Neue、Helvetica、Arial和sans-serif作为默认的字体栈。

    BootStrap默认定义了<h1>到<h6>的标题样式。

    如果需要在任何一个标题添加一个内联 子标题。只需要添加<small>或添加small.class。

    给段落添加强调文本,利用class=“lead”。

    HTML的默认强调标签<small>(设置文本为父文本大小的85%)、<strong>(设置文本为更粗的文本)、<em>(设置文本为斜体)。

    文本样式标签有:text-left(向左对齐文本)、text-right(向右对齐文本)、text-center(居中对齐文本)、text-muted(文本内容减弱)、text-primary(文本带有primary样式)

                                 text-success、text-info、text-warning。

    BootStrap定义<abbr>元素样式为显示在文本底部的一条虚线边框,当鼠标悬停在上面时会显示完整的文本。

    地址标签<address>,网页上显示联系信息。

    引用标签<Blockquote>、可以添加一个<small>标签来标识引用的来源。

    BootStrap支持有序列表、无序列表和定义列表。

    有序列表:指以数字或其他有序字符开头的列表。

    无序列表:没有特定顺序的列表(可以使用class.list-unstyled来移除样式,也可以利用class.list-inline把所有的列表项放在同一行中)。

    定义列表:包含了<dt>定义术语,如字典,<dd>元素,<dd>元素是<dt>的描述。

    <dl>默认样式堆叠在一起,随着导航条逐渐展开而排列在一行。

    其他文本样式:text-justify(设置文本对齐、段落中超出屏幕部分文字自动换行)、text-nowrap(段落中超出屏幕部分不换行)、text-lowercase(设定文本小写)、

                             text-uppercase(设定文本大写)、text-capitalize(设置单词首字母大写)、blockquote-reverse(设定引用右对齐)、list-inline(将所有列表项放置同一行)、dl-horizontal(设置了浮动和偏移)、pre-scrollable(使用<pre>元素可滚动)。

  • 相关阅读:
    Sage CRM升级后的问题跟进
    js 控制滚动条位置
    初学Jquery插件制作:在SageCRM的查询屏幕隐藏部分行的功能
    [转摘] Reporting Service 200
    js数组去重复项
    JavaScript tips 1024 * 768
    javascript 的 replace 函数
    the secret of sagecrm urls
    Sage CRM 自增ID的方案和遇到的问题
    EXTJS 可编辑列表的时间编辑问题
  • 原文地址:https://www.cnblogs.com/cye9971-/p/10605494.html
Copyright © 2020-2023  润新知