Bootstrap Display 短代码

传统的标题元素设计在页面内容的主体部分效果最佳。当您需要一个突出的标题时,可以考虑使用 display 标题 —— 一种更大、更有主见的标题样式。

赞助

成为我们的资助者或赞助商,以支持我们的工作。

本页内容

赞助商

语法

1{{% bs/display %}}
2HEADING
3{{% /bs/display %}}

参数

level

名称上下文类型必填默认值版本示例
level-number-1--

标题级别。

class

名称上下文类型必填默认值版本示例
class-string----

额外 CSS 类名。

示例

源码
 1{{% bs/display %}}
 2Display 1
 3{{% /bs/display %}}
 4
 5{{% bs/display 2 %}}
 6Display 2
 7{{% /bs/display %}}
 8
 9{{% bs/display 3 %}}
10Display 3
11{{% /bs/display %}}
12
13{{% bs/display 4 %}}
14Display 4
15{{% /bs/display %}}
16
17{{% bs/display 5 %}}
18Display 5
19{{% /bs/display %}}
20
21{{% bs/display 6 %}}
22Display 6
23{{% /bs/display %}}
24
25{{% bs/display 1 "text-primary" %}}
26Display with extra classes.
27{{% /bs/display %}}
28
29{{% bs/display level=6 class="text-success" %}}
30Display 6 with extra classes via named parameters.
31{{% /bs/display %}}
结果

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Display with extra classes.

Display 6 with extra classes via named parameters.