Difference between revisions of "Bootstrap Infobox"

From Help Wiki
 
Line 44: Line 44:
 
</pre>
 
</pre>
 
{{DangerBox|content=
 
{{DangerBox|content=
I should be in a red danger box.
+
I should be in a red Danger box.
 
}}
 
}}
<div class="alert alert-danger" role="alert">Danger Alert</div>
 
  
 
[[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.

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.