Difference between revisions of "Bootstrap Infobox"
From Help Wiki
m |
|||
| (4 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | ||
| − | + | ||
*alert-danger: Indicates a dangerous or potentially negative action, typically displayed in red. | *alert-danger: Indicates a dangerous or potentially negative action, typically displayed in red. | ||
===InfoBox=== | ===InfoBox=== | ||
| Line 22: | Line 21: | ||
</pre> | </pre> | ||
{{SuccessBox|content= | {{SuccessBox|content= | ||
| − | I should be in a | + | I should be in a green Success box. |
| + | }} | ||
| + | ===WarningBox=== | ||
| + | alert-warning: Indicates a warning that requires attention, typically displayed in yellow. | ||
| + | <pre> <div class="alert alert-warning" role="alert">Warning alert</div> | ||
| + | |||
| + | {{WarningBox|content= | ||
| + | I should be in a yellow alert-warning box. | ||
| + | }} | ||
| + | </pre> | ||
| + | {{warningBox|content= | ||
| + | I should be in a yellow Warning box. | ||
| + | }} | ||
| + | |||
| + | ===Danger Box=== | ||
| + | alert-danger: Indicates a dangerous or potentially negative action, typically displayed in red. | ||
| + | <pre> <div class="alert alert-danger" role="alert">Danger alert</div> | ||
| + | |||
| + | {{DangerBox|content= | ||
| + | I should be in a red alert-danger box. | ||
| + | }} | ||
| + | </pre> | ||
| + | {{DangerBox|content= | ||
| + | I should be in a red Danger box. | ||
}} | }} | ||
| − | |||
| − | |||
| − | |||
[[Category:Wiki Admin]] | [[Category:Wiki Admin]] | ||
Latest revision as of 15:19, 11 May 2026
- alert-danger: Indicates a dangerous or potentially negative action, typically displayed in red.
Contents
InfoBox
alert-info: Indicates a neutral, informative message, often displayed in blue.
<div class="alert alert-info" role="alert">Informational alert</div>
{{Infobox|content=
I should be in a blue alert-info box.
}}
I should be in a blue Info box.
SuccessBox
alert-success: Indicates a successful or positive action, typically displayed in green.
<div class="alert alert-success" role="alert">Success alert</div>
{{SuccessBox|content=
I should be in a blue alert-success box.
}}
I should be in a green Success box.
WarningBox
alert-warning: Indicates a warning that requires attention, typically displayed in yellow.
<div class="alert alert-warning" role="alert">Warning alert</div>
{{WarningBox|content=
I should be in a yellow alert-warning box.
}}
I should be in a yellow Warning box.
Danger Box
alert-danger: Indicates a dangerous or potentially negative action, typically displayed in red.
<div class="alert alert-danger" role="alert">Danger alert</div>
{{DangerBox|content=
I should be in a red alert-danger box.
}}
I should be in a red Danger box.
