Bootstrap 排版

2020-06-18 05:59:22易采站长站整理

Bootstrap 排版

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

使用 Bootstrap 的排版特性,您可以创建标题、段落、列表及其他内联元素。


标题

Bootstrap 中定义了所有的 HTML 标题(h1 到 h6)的样式。请看下面的实例:

实例

 

我是标题1 h1

我是标题2 h2

我是标题3 h3

我是标题4 h4

我是标题5 h5
我是标题6 h6


结果如下所示:

标题

内联子标题

如果需要向任何标题添加一个内联子标题,只需要简单地在元素两旁添加 ,或者添加 .small class,这样子您就能得到一个字号更小的颜色更浅的文本,如下面实例所示:

实例

 

我是标题1 h1. 我是副标题1 h1

我是标题2 h2. 我是副标题2 h2

我是标题3 h3. 我是副标题3 h3

我是标题4 h4. 我是副标题4 h4

我是标题5 h5. 我是副标题5 h5
我是标题6 h6. 我是副标题6 h6

结果如下所示:

内联子标题


引导主体副本

为了给段落添加强调文本,则可以添加 class=”lead”,这将得到更大更粗、行高更高的文本,如下面实例所示:

实例

 

引导主体副本

这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。这是一个演示引导主体副本用法的实例。


结果如下所示:

引导主体副本


强调

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

Bootstrap 提供了一些用于强调文本的类,如下面实例所示:

实例


本行内容是在标签内
本行内容是在标签内
相关文章 大家在看