Header in Kapitälchen-Anmutung, Inhalt frei, Footer klebt unten — auch wenn die Nachbar-Card höher ist.
Components
Steps, Cards, Buttons — und der Beweis, dass klassisches Bootstrap darunter weiterlebt.
Steps — Pipeline
Ticket-Lebenszyklus, aktueller Schritt pulsiert:
- Eingegangen
- Zugewiesen
- In Arbeit
- Test
- Gelöst
- Angebot
- Bestellung
- Lieferverzug
- Montage
- Abnahme
- Entwurf
- Review
- Freigabe
<ol steps> <li dot="success">Eingegangen</li> <li dot="primary" pulse>In Arbeit</li> <li dot>Gelöst</li> </ol>
Cards & KPIs
Ganze Card als Link — <a card href>, Hover
färbt den Rahmen in der Primärfarbe.
Buttons
Nackte <button> werden automatisch gestylt,
Varianten per Attribut:
<button>Speichern</button> <button ghost>Abbrechen</button> <button danger>Löschen</button> <button plain>Nur Text</button>
Bootstrap-Interop
Die semantische Schicht ersetzt Bootstrap nicht — sie liegt darüber. Klassische Klassen funktionieren unverändert:
Klassischer Bootstrap-Alert:
class="alert alert-warning"
Badge aktiv überfällig