Background & Color
Alle Inhaltselemente in T3Bootstrap v14 verfügen über globale Felder für Hintergrund und Farbschema. Diese Demo zeigt die verfügbaren Varianten von bg_color_class, color_scheme, background_media und bg_container.
Bootstrap Theme-Farben
.bg-primary
Markenfarbe — Buttons, Links, Brand-Akzente
.bg-secondary
Sekundärfarbe — neutrale Akzente
.bg-success
Bestätigung — Erfolg, Abschluss, OK-Meldungen
.bg-info
Information — neutrale Hinweise
.bg-warning
Achtung — Vorsicht, fragliche Aktionen
.bg-danger
Gefahr — Fehler, destruktive Aktionen
.bg-light
Helle Variante — dezenter Hintergrund
.bg-dark
Dunkle Variante — kräftiger Kontrast
Erweiterte Farbpalette (Bootstrap)
.bg-blue
Volles Blau
.bg-indigo
Tiefes Indigo
.bg-purple
Lila
.bg-pink
Pink
.bg-red
Rot
.bg-orange
Orange
.bg-yellow
Gelb
.bg-green
Grün
.bg-teal
Teal
.bg-cyan
Cyan
.bg-gray
Grau
Custom Colors (T3Bootstrap)
.bg-lightgray
Helles Grau für sanften Section-Background
.bg-lightblue
Helles Blau für Info-Sektionen
.bg-dark-gray
Dunkles Grau für kräftigen Kontrast
Background Media
bg_container — Container vs. Full-Width
Container-Modus (bg_container = 0)
Hintergrund bleibt innerhalb des .container-max-width. Standard-Verhalten.
Full-Width-Modus (bg_container = 1)
Hintergrund reicht bis zum Viewport-Rand — Full-Bleed-Sektion.