Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Buttons Teil 2 | Grundkonzepte
Bootstrap-Grundlagen für Moderne Websites
course content

Kursinhalt

Bootstrap-Grundlagen für Moderne Websites

Bootstrap-Grundlagen für Moderne Websites

1. Verständnis von Bootstrap
2. Einrichtung der Umgebung
3. Grundkonzepte
4. Fortgeschrittene Konzepte
5. Erstellen Einer Portfolio-Website Mit Bootstrap

book
Buttons Teil 2

Schaltflächengruppen

Bootstrap bietet die Klassen btn-group und btn-group-vertical, um Schaltflächen zusammenzufassen und so eine bessere Organisation und Layoutkontrolle zu ermöglichen:

  • btn-group: Diese Klasse gruppiert Schaltflächen horizontal. Sie eignet sich für Situationen, in denen Schaltflächen am besten nebeneinander angezeigt werden, wie in Werkzeugleisten oder Navigationsleisten;
  • btn-group-vertical: Diese Klasse stapelt Schaltflächen vertikal. Sie ist nützlich, wenn Schaltflächen in einer Spaltenanordnung angezeigt werden müssen, wie in Dropdown-Menüs oder gestapelten Navigationen.
html

index.html

copy

Umschaltgruppen für Schaltflächen

Bootstrap bietet die Klasse btn-group-toggle zum Erstellen von Umschaltgruppen für Schaltflächen. Diese Funktion ermöglicht es uns, Sets von Schaltflächen zu erstellen, bei denen jeweils nur eine Schaltfläche aktiv sein kann, ähnlich wie bei Optionsfeldern in einer Optionsgruppe.

html

index.html

js

index.js

copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 5
We're sorry to hear that something went wrong. What happened?
some-alt