<div class="btn btn-md-lg btn-fixed-height btn-block btn-primary">Primary</div>
<div class="btn btn-md-lg btn-fixed-height btn-block btn-primary disabled">disabled</div>
Für die Hauptaktion auf einer Seite, z.B. 'Berechnen', 'In den Warenkorb'. Kann auch für Links mit einem klaren Call to action verwendet werden.
<div class="btn btn-md-lg btn-fixed-height btn-block btn-primary">Primary</div>
<div class="btn btn-md-lg btn-fixed-height btn-block btn-primary disabled">disabled</div>
Für eine sekundäre Aktion auf einer Seite, die neben dem Primärbutton platziert sind. Kann außerdem als Link zu anderen Seiten, die mittels Button hervorgehoben werden sollen verwendet werden.
<div class="btn btn-md-lg btn-fixed-height btn-block btn-secondary">Secondary</div>
<div class="btn btn-md-lg btn-fixed-height btn-block btn-secondary disabled">disabled</div>
Für weitere Aktionen auf der Seite. Kann außerdem für sekundäre Links verwendet werden.
<div class="btn btn-md-lg btn-fixed-height btn-block btn-info">Alternative</div>
<div class="btn btn-md-lg btn-fixed-height btn-block btn-info disabled">disabled</div>
Aktiviert eine Aktion auf derselben Seite, wie bspw. 'mehr anzeigen', 'hochladen' usw. Auch Für sekundäre Aktionen, welche nicht ablenken sollen, wie bspw. 'zurück', 'abbrechen'
<div class="btn btn-md-lg btn-fixed-height btn-block btn-outline-secondary">Same-Page-Action</div>
<div class="btn btn-md-lg btn-fixed-height btn-block btn-outline-secondary disabled">disabled</div>