Pro psaní textu je možné použít text uzavřít do pole (boxu), které může mít více vzhledů. Toto můžeme využít, pokud část textu chceme zvýraznit a upozornit na něj.

Pro vytvoření alerts použijeme tento příkaz (první je ukázán kód a pod ním výsledek):

<div class="alert alert-primary" role="alert">
  Sem si můžete vepsat libovolný text.
</div>

Mizící Alerts

Je také možné využít polí, které si uživatel bude moci zavřít křížkem.

<div class="alert alert-warning alert-dismissible fade show" role="alert">
  Toto pole můžete zavřít křížkem vpravo.
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>

Barvy alerts

Zde se nachází seznam vlastností, které nám mění barvy alerts.

Tyto vlastnosti se píšou do uvozovek za class.

<div class="alert alert-primary" role="alert">
  Primary.
</div>
<div class="alert alert-secondary" role="alert">
  Secondary.
</div>
<div class="alert alert-success" role="alert">
  Success.
</div>
<div class="alert alert-danger" role="alert">
  Danger.
</div>
<div class="alert alert-warning" role="alert">
  Warning.
</div>
<div class="alert alert-info" role="alert">
  Info.
</div>
<div class="alert alert-light" role="alert">
  Light.
</div>
<div class="alert alert-dark" role="alert">
  Dark.
</div>