Bootstrap bietet eine Vielzahl von Button-Stilen und -Größen, die für unterschiedliche Designanforderungen und Situationen verwendet werden können.

Allgemeine Button-Klassen

Grundlegender Button

Die btn-Klasse dient als grundlegende Klasse für die Gestaltung von Buttons. Sie bietet grundlegende Button-Styling, wie Polsterung, Rahmen und Hover-Effekte.

Button-Stile

Bootstrap bietet eine Vielzahl von vordefinierten Button-Stilen, die mit bestimmten Klassen angewendet werden können. Diese Stile umfassen:

• btn-primary: Verleiht dem Button eine Primärfarbe, die typischerweise für primäre Aktionen verwendet wird;
• btn-secondary: Verleiht dem Button eine Sekundärfarbe, die oft für sekundäre Aktionen verwendet wird;
• btn-success: Gibt dem Button eine Farbe, die Erfolg anzeigt, oft für positive Aktionen verwendet;
• btn-danger: Bietet eine Farbe, die Gefahr oder kritische Aktionen signalisiert;
• btn-warning: Verleiht dem Button eine Farbe, die Warnung oder Vorsicht darstellt;
• btn-info: Gibt dem Button eine Farbe, um informative Nachrichten zu vermitteln;
• btn-light: Verleiht dem Button ein helles Farbschema, geeignet für hellere Hintergründe;
• btn-dark: Verleiht dem Button ein dunkles Farbschema, geeignet für dunklere Hintergründe;
• btn-link: Rendert den Button als einfachen Link ohne zusätzliche Gestaltung, oft für Inline-Aktionen verwendet.

Button-Größen

Wir können die Größe von Buttons mit bestimmten Klassen anpassen.

• btn-lg: Diese Klasse vergrößert die Größe des Buttons, sodass er größer als die Standardgröße ist. Sie wird typischerweise für primäre oder prominente Buttons verwendet, die mehr Aufmerksamkeit erfordern;
• btn-sm: Im Gegensatz dazu verkleinert diese Klasse die Größe des Buttons, sodass er kleiner als die Standardgröße ist. Sie wird oft für sekundäre oder Hilfs-Buttons verwendet, die weniger Betonung benötigen.

Deaktivierter Zustand

Das Hinzufügen des disabled-Boolean-Attributs zu einem <button>-Element macht es inaktiv. Deaktivierte Schaltflächen haben pointer-events: none angewendet, wodurch Hover- und Aktivzustände verhindert werden.