- Pridajte `data-bs-ride="carousel"` do prvku kontajnera, čo umožňuje automatický prechod snímok.

3. Vytvorenie indikátorov (stránkovanie):

- Vo vnútri karuselu vytvorte `

` prvok s triedou `carousel-indicators`, ktorý obsahuje `
1. ` prvky predstavujúce ukazovatele.

   - Každý

2. ` prvok by mal mať dátové atribúty určujúce jeho index snímky (`data-bs-target="#myCarousel" data-bs-slide-to="0"`) a triedu `active` pre prvý indikátor (snímka) .

   4. Vytvorenie položiek karuselu:

   - V kontajneri karuselu vytvorte prvok `

   ` s triedou `carousel-inner`, ktorý bude obsahovať vaše snímky.

   - Každá snímka by mala mať triedu `carousel-item`. Prvá položka karuselu by mala mať triedu `active`.

   - Pridajte obrázky, text alebo iný obsah do každej položky karuselu.

   5. Tlačidlá Predchádzajúci a Nasledujúci:

   - Vytvorte prvky `` pre predchádzajúce a nasledujúce tlačidlá (``)

   - Pridajte ikony (napr. šípky) pomocou tried Bootstrap „carousel-control-prev-icon“ a „carousel-control-next-icon“. Umiestnite tieto tlačidlá mimo kontajnera karuselu, ale uistite sa, že sú v nadradenom kontajneri.

   6. Popis karuselu (voliteľné):

   - Pridajte titulky na svoje snímky pomocou prvkov `

   ` s triedou `carousel-caption `. Do titulku pridajte svoj textový obsah.

   7. Inicializácia karuselu (voliteľné):

   - Zatiaľ čo Bootstrap automaticky inicializuje karusel, môžete ho explicitne inicializovať pomocou JavaScriptu pomocou `$('#myCarousel').carousel()`.

   Ak chcete, aby sa karusel spúšťal automaticky, nastavte na kontajneri karuselu `data-bs-interval="5000"` (v milisekundách).

   Tu je príklad HTML kódu pre karusel Bootstrap 5:

   ```html

   

   Snímka 1

   Popis snímky 1.

   

   Snímka 2

   Popis snímky 2.

   

   Snímka 3

   Popis snímky 3.

   Predchádzajúce

   Ďalej

   ```

   Nahraďte zástupné názvy obrázkov (`image1.jpg`) a popisy skutočným obsahom.

   • Predchádzajúca strana: Ako vytvoriť rozloženie kariet Bootstrap 5? 
   • Ďalšia strana: Ako vytvoriť Bootstrap 5 Collapse?