Neueste Web-Entwicklung Tutorials
 

Bootstrap CSS Buttons Reference


Button-Farben


Button-Größen


Active/Disabled Buttons

-


Block-Level-Taste

-

Button-Klassen

Die Klassen können unten verwendet werden , um zum ursprünglichen Stil <a>, <button> oder <input> Element:

Klasse Beschreibung Beispiel
.btn Fügt grundlegende Styling auf Tasten Versuch es
.btn-default Zeigt eine default / Standard-Schaltfläche Versuch es
.btn-primary Bietet zusätzliche visuelle Gewicht und identifiziert die primäre Aktion in einer Reihe von Tasten Versuch es
.btn-success Zeigt einen erfolgreichen oder positive Wirkung Versuch es
.btn-info Kontext Taste für Informations Warnmeldungen Versuch es
.btn-warning Zeigt an, dass Vorsicht geboten ist bei dieser Maßnahmen ergriffen werden, Versuch es
.btn-danger Weist auf eine gefährliche oder potentiell negative Handlung Versuch es
.btn-link Macht ein Button aussehen wie ein Link (wird noch Schaltfläche Verhalten) Versuch es
.btn-lg Macht eine große Taste Versuch es
.btn-sm Macht ein kleiner Knopf Versuch es
.btn-xs Macht eine extra kleine Taste Versuch es
.btn-block Macht ein Block-Level-Taste (erstreckt sich über die gesamte Breite des übergeordneten Elements) Versuch es
.active Erscheinen lässt die Taste gedrückt Versuch es
.disabled Macht die Taste deaktiviert Versuch es