How to add alert/color boxes to TDX

How to 

To add alert boxes to TDX articles or services use bootstrap Alerts 

Success! Indicates a successful or positive action.
Info! Indicates a neutral informative change or action.
Warning! Indicates a warning that might need attention.
Danger! Indicates a dangerous or potentially negative action.
Warning
Add a warning message here. 
Important
.

examples in HTML

<div class="alert alert-success">
  <strong>Success!</strong> Indicates a successful or positive action.
</div>

<div class="alert alert-info">
  <strong>Info!</strong> Indicates a neutral informative change or action.
</div>

<div class="alert alert-warning">
  <strong>Warning!</strong> Indicates a warning that might need attention.
</div>

<div class="alert alert-danger">
  <strong>Danger!</strong> Indicates a dangerous or potentially negative action.
</div>

<div style="width: 100%; margin-bottom: 15px; border: 1px solid #B73D26">
<div style="width: 100%; border: 0; background-color: #B73D26; color: #FFFFFF; padding: 5px"><strong>Warning</strong></div>

<div style="width: 100%; border: 0; background-color: #FFFFFF; padding: 5px">Add a warning message here.&nbsp;</div>
</div>

 

<div style="width: 100%; border: 1px solid #E77A1C; margin-bottom: 15px">

<div style="width: 100%; border: 0; background-color: #E77A1C; color: #FFFFFF; padding: 5px"><strong>Important</strong></div>

 

<div style="width: 100%; border: 0; background-color: #FFFFFF; padding: 5px">.</div>

</div>

 

 

Was this helpful?
0 reviews
Print Article