Difference between revisions of "Bootstrap Infobox"
From Help Wiki
m |
m |
||
| Line 1: | Line 1: | ||
| − | * | + | * |
*alert-warning: Indicates a warning that requires attention, typically displayed in yellow. | *alert-warning: Indicates a warning that requires attention, typically displayed in yellow. | ||
*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. | ||
| Line 11: | Line 11: | ||
</pre> | </pre> | ||
{{Infobox|content= | {{Infobox|content= | ||
| − | I should be in a box. | + | 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> | ||
| + | |||
| + | {{SuccessBox|content= | ||
| + | I should be in a blue alert-success box. | ||
| + | }} | ||
| + | </pre> | ||
| + | {{SuccessBox|content= | ||
| + | I should be in a blue Success box. | ||
}} | }} | ||
<div class="alert alert-warning" role="alert">Warning Alert</div> | <div class="alert alert-warning" role="alert">Warning Alert</div> | ||
Revision as of 11:44, 11 May 2026
- alert-warning: Indicates a warning that requires attention, typically displayed in yellow.
- alert-danger: Indicates a dangerous or potentially negative action, typically displayed in red.
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 blue Success box.
Warning Alert
Danger Alert
Success Alert
