Kursinhalt
Bootstrap-Grundlagen für Moderne Websites
Bootstrap-Grundlagen für Moderne Websites
1. Verständnis von Bootstrap
2. Einrichtung der Umgebung
4. Fortgeschrittene Konzepte
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.
index.html
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.
index.html
index.js
War alles klar?
Danke für Ihr Feedback!
Abschnitt 3. Kapitel 5