Difference between revisions of "Bootstrap Infobox"
From Help Wiki
(Created page with "*alert-success: Indicates a successful or positive action, typically displayed in green. *alert-info: Indicates a neutral, informative message, often displayed in blue. *ale...") |
|||
| (7 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=== | |
| − | <pre> <div class="alert alert-info" role="alert">Informational alert</div | + | '''alert-info:''' Indicates a neutral, informative message, often displayed in blue. |
| + | <pre> <div class="alert alert-info" role="alert">Informational alert</div> | ||
{{Infobox|content= | {{Infobox|content= | ||
| − | I should be in a box. | + | I should be in a blue alert-info box. |
}} | }} | ||
| + | </pre> | ||
| + | {{Infobox|content= | ||
| + | I should be in a blue Info box. | ||
| + | }} | ||
| + | ===SuccessBox=== | ||
| + | alert-success: Indicates a successful or positive action, typically displayed in green. | ||
| + | <pre> <div class="alert alert-success" role="alert">Success alert</div> | ||
| − | <div class="alert alert-warning" role="alert">Warning | + | {{SuccessBox|content= |
| − | <div class="alert alert-danger" role="alert">Danger | + | I should be in a blue alert-success box. |
| − | + | }} | |
| + | </pre> | ||
| + | {{SuccessBox|content= | ||
| + | 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.
