BootStrap排版

Posted 2021-11-10 cye9971-

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>元素可滚动)。