Skip to main content Skip to docs navigation

Alerts Extended

Liander Bootstrap Alert additions

On this page

Solid variants

Adding the .alert-solid class to Alerts will show Alerts in solid colors.

html
<div class="alert alert-primary alert-solid" role="alert">
  A simple primary alert—check it out!
</div>
<div class="alert alert-secondary alert-solid" role="alert">
  A simple secondary alert—check it out!
</div>
<div class="alert alert-success alert-solid" role="alert">
  A simple success alert—check it out!
</div>
<div class="alert alert-danger alert-solid" role="alert">
  A simple danger alert—check it out!
</div>
<div class="alert alert-warning alert-solid" role="alert">
  A simple warning alert—check it out!
</div>
<div class="alert alert-info alert-solid" role="alert">
  A simple info alert—check it out!
</div>
<div class="alert alert-light alert-solid" role="alert">
  A simple light alert—check it out!
</div>
<div class="alert alert-dark alert-solid" role="alert">
  A simple dark alert—check it out!
</div>