Ako vytvoriť rozloženie kariet Bootstrap 5?

```

```

* Do karty môžete pridať rôzne prvky, ako sú obrázky, text, tlačidlá a ďalšie komponenty.

2. Názov a telo karty:

* Ak chcete na svoju kartu pridať názov, použite triedu `'card-title'` v rámci prvku ,,h5'` alebo ,,h6'`.

* Podobne použite triedu `'card-body'` na zabalenie obsahu karty, ktorá môže obsahovať odseky, zoznamy a ďalšie prvky.

```

```

3. Hlavička a päta karty:

* Môžete pridať hlavičku karty pomocou triedy `'card-header'` a pätu karty pomocou triedy `'card-footer'`. Tieto prvky sa zobrazujú v hornej a dolnej časti karty.

```

```

4. Obrázok karty:

* Ak chcete na svoju kartu zahrnúť obrázok, použite triedu `'card-img-top'` alebo `'card-img-bottom'`. Tieto triedy umiestnia obrázok do hornej alebo dolnej časti karty.

```

```

5. Karta s obrázkom a textom:

* Skombinujte rozloženie obrázkových a textových kariet a vytvorte karty, ktoré obsahujú obrázok aj textový obsah.

```

```

6. Horizontálna karta:

* Použite triedu `'card-horizontal'` na vytvorenie horizontálneho rozloženia kariet. Vodorovné karty sú užitočné najmä na zobrazenie obsahu v rozložení založenom na mriežke.

```

```

7. Skupiny kariet:

* Ak chcete zoskupiť viacero kariet, zabaľte ich do prvku `