Aus dem Kurs: Bootstrap 5 Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Karussell mit Buttons

Karussell mit Buttons – Tutorial zu Bootstrap

Aus dem Kurs: Bootstrap 5 Grundkurs

Gratismonat starten Für Ihr Team erwerben

Karussell mit Buttons

“

Damit ein Slider oder ein Karussell gut bedienbar ist, ist es sinnvoll, Buttons zu integrieren. Sie sehen diese Buttons, da kann ich zurückgehen oder ich kann auch vorgehen. Außerdem sind auch Indikatoren praktisch. Da kann ich ebenfalls navigieren und außerdem sehe ich auch, wo ich mich gerade befinde. Und zusätzlich können Sie auch Texte auf den Bildern angeben. Das ist ein Karussell, es hat die Klasse "carousel slide", und die Funktionalität wird ausgelöst durch data-bs-ride="carousel". Dann gibt es ein carousel-inner-Element, wo sich die carousel-items drinnen befinden, und das Bild oder das Element, was direkt angezeigt werden soll, erhält "active". Außerdem gibt es nun den Code für Buttons. Diese brauchen die Klasse "carousel-control-prev" bzw "-next". Außerdem ist wichtig das Attribut "data-bs-target". Hier müssen Sie angeben, auf welches Karussell die Buttons sich beziehen, und Sie schreiben da die ID, die Sie Ihrem carousel-Element gegeben haben. Okay, dann wird die…

Inhalt