Difference between revisions of "Bootstrap Infobox"

From Help Wiki
m
m
Line 2: Line 2:
 
*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.  
 
+
===InfoBox===
 
'''alert-info:''' Indicates a neutral, informative message, often displayed in blue.  
 
'''alert-info:''' Indicates a neutral, informative message, often displayed in blue.  
 
<pre> <div class="alert alert-info" role="alert">Informational alert</div>  
 
<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>
 
</pre>

Revision as of 11:42, 11 May 2026

  • alert-success: Indicates a successful or positive action, typically displayed in green.
  • 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 box.
Warning Alert
Danger Alert
Success Alert