zoukankan      html  css  js  c++  java
  • 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>元素可滚动)。

  • 相关阅读:
    Nginx 启动错误 Failed to read PID from /run/nginx.pid
    CentOS7 下 nginx 无法加载 Django 静态文件的问题
    SSD + 机械硬盘装 CentOS 分区的问题
    CentOS7 单机维护模式
    编译安装 redis 6.2.1
    谷歌师兄刷题笔记
    我用 DCL 写出了单例模式,结果阿里面试官不满意!
    红黑树杀人事件始末
    头条二面:详述一条 SQL 的执行流程
    jvisual远程 springBoot项目
  • 原文地址:https://www.cnblogs.com/cye9971-/p/10605494.html
Copyright © 2011-2022 走看看