Ako vytvoriť odznaky Bootstrap 5?

Vytváranie odznakov v Bootstrap 5 je jednoduché a priamočiare. Môžete to urobiť takto:

1. Pridať odznak:

Odznak predstavuje prvok „“. V rámci tohto prvku pridáte potrebné triedy a obsah.

2. Triedy odznaku:

- `.badge`:Toto je základná trieda, ktorá pridáva odznak.

- Na nastavenie farby odznaku použite jednu z týchto tried kontextu:

- „primárny odznak“.

- ".odznak-sekundárny".

- `.odznak-úspech`

- `.nebezpečenstvo odznaku`

- „upozornenie na odznak“.

- `.informácie o odznaku`

- „svetlo odznaku“.

- `.odznak-tmavý`

3. Príklady odznakov:

```html

Novinka

Špeciálne

```

POZNÁMKA: Pre odznaky v tvare piluliek sa vyžaduje trieda „zaoblená pilulka“.

4. Odznaková pilulka a ďalšie pomôcky:

Bootstrap poskytuje ďalšie pomocné triedy na pridanie ďalších variácií. Napríklad:

- `.badge-lg` alebo `.badge-sm`:Nastavuje veľkosť odznaku (veľký alebo malý).

- `.badge-pill`:Odznak je zaoblený ako pilulka.

5. Dynamický obsah:

Na dynamické nastavenie textu odznaku môžete použiť dátové atribúty alebo JavaScript.