Ako vytvoriť tlačidlá v Bootstrap 5?

Na vytvorenie tlačidiel v Bootstrape 5 môžete použiť prvok `` a pridať príslušné triedy. Tu sú kroky na vytvorenie základného tlačidla v Bootstrap 5:

1. Do kódu HTML pridajte prvok „

“.

2. Pridajte triedu `btn` do elementu `

`. Táto trieda upravuje štýl tlačidla pomocou predvolených štýlov tlačidiel Bootstrapu.

3. Pridajte požadovaný text alebo obsah do prvku `

`.

Tu je príklad základného tlačidla Bootstrap 5:

```html

Text tlačidla

```

Bootstrap 5 vám tiež umožňuje prispôsobiť vzhľad tlačidiel pridaním ďalších tried. Tu sú niektoré z bežne používaných tried tlačidiel:

* `btn-primary`:Táto trieda aplikuje na tlačidlo modrú farbu pozadia.

* `btn-secondary`:Táto trieda aplikuje na tlačidlo sivú farbu pozadia.

* `btn-success`:Táto trieda aplikuje na tlačidlo zelenú farbu pozadia.

* `btn-danger`:Táto trieda aplikuje na tlačidlo červenú farbu pozadia.

* `btn-warning`:Táto trieda aplikuje na tlačidlo žltú farbu pozadia.

* `btn-info`:Táto trieda aplikuje na tlačidlo azúrovú farbu pozadia.

* `btn-link`:Táto trieda odstráni farbu pozadia tlačidla a namiesto toho použije orámovanie.

* `btn-outline-*`:Tieto triedy sa používajú na vytváranie obrysových tlačidiel. Na vytvorenie obrysového tlačidla môžete použiť ktorúkoľvek z primárnych, sekundárnych tried, tried úspechu, nebezpečenstva, varovania alebo informácií spolu s triedou `btn-outline`.

Tu je príklad načrtnutého tlačidla pomocou triedy `btn-outline-primary`:

```html

Tlačidlo s obrysom

```

Do prvku `` môžete tiež pridať viacero tried a kombinovať rôzne štýly. Napríklad nasledujúci kód vytvorí primárne tlačidlo s obrysom:

```html

Tlačidlo

```

Bootstrap 5 tiež poskytuje rôzne veľkosti tlačidiel. Na vytvorenie malých a veľkých tlačidiel môžete použiť triedy `btn-sm` a `btn-lg`. Predvolená veľkosť tlačidla je bežná.

Tu je príklad malého tlačidla pomocou triedy `btn-sm`:

```html

Malé tlačidlo

```

Podobne môžete použiť triedu `btn-lg` na vytvorenie veľkého tlačidla.

Tlačidlá Bootstrap 5 reagujú, čo znamená, že prispôsobujú svoju veľkosť a vzhľad na základe veľkosti obrazovky. Môžete tiež vytvoriť tlačidlá na úrovni bloku, ktoré sa roztiahnu na celú šírku svojho kontajnera pridaním triedy `btn-block`.

Nezabudnite si pozrieť dokumentáciu Bootstrap, kde nájdete najnovšie triedy CSS a možnosti vytvárania tlačidiel.

• Predchádzajúca strana: Ako odstrániť názov príspevku z Breadcrumb v zásuvných moduloch Yoast a Rank Math? 
• Ďalšia strana: Ako vytvoriť Bootstrap 5 Scrollspy?