Difference between revisions of "Bootstrap Infobox"

From Help Wiki
m
m
Line 34: Line 34:
 
I should be in a yellow Warning box.
 
I should be in a yellow Warning box.
 
}}
 
}}
<div class="alert alert-warning" role="alert">Warning Alert</div>
+
 
 
<div class="alert alert-danger" role="alert">Danger Alert</div>
 
<div class="alert alert-danger" role="alert">Danger Alert</div>
<div class="alert alert-success" role="alert">Success Alert</div>
 
  
 
[[Category:Wiki Admin]]
 
[[Category:Wiki Admin]]

Revision as of 11:49, 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 Alert