Alerts |
#370 |
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>
Sem si můžete vepsat libovolný text.
Mizící Alerts
Je také možné využít polí, které si uživatel bude moci zavřít křížkem.
<div class="alert alert-primary alert-dismissible fade show" role="alert"> Toto pole můžete zavřít křížkem vpravo. <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div>
Toto pole můžete
zavřít křížkem vpravo.
Barvy alerts
Zde se nachází seznam vlastností, které nám mění barvy alerts.
Tyto vlastnosti se píšou do uvozovek za class.
Primary.
Secondary.
Success.
Danger.
Warning.
Info.
Light.
Dark.
<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>