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.