码迷,mamicode.com
首页 > 其他好文 > 详细

BootStrap排版

时间:2019-03-27 10:56:28      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:pre   ddr   html   bbr   利用   htm   字体   line   内容   

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

 

BootStrap排版

标签:pre   ddr   html   bbr   利用   htm   字体   line   内容   

原文地址:https://www.cnblogs.com/cye9971-/p/10605494.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!