Bootstrap 警告框短代碼

用於生成帶有樣式、標題和 Markdown 語法的警告框的短代碼。

警告框

警告框參數

style

索引名稱類型必填默認值版本示例
#0stylestring-primary--

primarysecondarysuccessdangerwarninginfolightdark

警告框樣式

源碼
 1{{< bs/alert primary >}}
 2A simple primary alert—check it out!
 3{{< /bs/alert >}}
 4
 5{{< bs/alert secondary >}}
 6A simple secondary alert—check it out!
 7{{< /bs/alert >}}
 8
 9{{< bs/alert success >}}
10A simple success alert—check it out!
11{{< /bs/alert >}}
12
13{{< bs/alert danger >}}
14A simple danger alert—check it out!
15{{< /bs/alert >}}
16
17{{< bs/alert warning >}}
18A simple warning alert—check it out!
19{{< /bs/alert >}}
20
21{{< bs/alert info >}}
22A simple info alert—check it out!
23{{< /bs/alert >}}
24
25{{< bs/alert light >}}
26A simple light alert—check it out!
27{{< /bs/alert >}}
28
29{{< bs/alert dark >}}
30A simple dark alert—check it out!
31{{< /bs/alert >}}
結果

帶有 Markdown 內容的警告框

源碼
1{{% bs/alert style=primary %}}
2A simple *primary alert* with Markdown—**check it out**!
3{{% /bs/alert %}}
結果

警告鏈接

bs/alert-link 允許於警告框內插入一個樣式化的鏈接。

警告鏈接參數

text

索引名稱類型必填默認值版本示例
#0textstring---

鏈接文本。

url

索引名稱類型必填默認值版本示例
#1urlstring---

鏈接地址。

警告鏈接示例

源碼
1{{< bs/alert >}}
2A simple primary alert with {{< bs/alert-link "an example link" "#alert-link" >}}. Give it a click if you like.
3{{< /bs/alert >}}
4
5{{< bs/alert warning >}}
6A simple warning alert with {{< bs/alert-link "an example link" "#alert-link" >}}. Give it a click if you like.
7{{< /bs/alert >}}
結果

警告框標題

bs/alert-heading 用於為警告框添加標題。

警告框標題參數

title

索引名稱類型必填默認值版本示例
#0titlestring---

標題。

警告框標題示例

源碼
1{{% bs/alert success %}}
2{{< bs/alert-heading "Well done!" >}}
3Aww yeah, you _successfully_ read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
4{{% /bs/alert %}}
結果