Difference between revisions of "Bootstrap Infobox"

From Help Wiki
m
Line 35: Line 35:
 
}}
 
}}
  
 +
 +
===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.
 +
}}
 
<div class="alert alert-danger" role="alert">Danger Alert</div>
 
<div class="alert alert-danger" role="alert">Danger Alert</div>
  
 
[[Category:Wiki Admin]]
 
[[Category:Wiki Admin]]

Revision as of 11:52, 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.
Danger Alert