LogoLogo
SucheService PortalHandbuchSonstigesEnglishSupport anfordern
  • Willkommen
  • Wissensdatenbank
    • Einführung
      • ThemeWare® testen
      • ThemeWare® installieren
      • ThemeWare® aktivieren
      • ThemeWare® zuweisen
      • ThemeWare® Utilities herunterladen
      • Überblick Theme-Konfiguration
      • ThemeWare® bearbeiten
      • Themes kombinieren
      • Farben konfigurieren
      • Schriften konfigurieren
      • Logo einbinden
      • Logo konfigurieren
      • Text-Logo konfigurieren
      • Texte im Theme bearbeiten
      • USP-Bar konfigurieren
      • Erlebniswelten verstehen
      • Startseite (ThemeWare® Erlebniswelt) einrichten
      • Shopseiten bearbeiten und anlegen
      • Landingpages bearbeiten und anlegen
      • Kategorieseiten bearbeiten und anlegen
      • Produktseiten bearbeiten und anlegen
      • Shopseiten bearbeiten und anlegen
      • Shop-Navigation konfigurieren
      • Service-Navigation konfigurieren
      • Footer-Navigation konfigurieren
      • Footer konfigurieren
      • Zahlungs- und Versandanbieter konfigurieren
      • Zahlungs- und Versandanbieter Logos
      • Mehrsprachigkeit mit ThemeWare®
      • Mehr als ein ThemeWare® Theme nutzen
      • ThemeWare® erwerben
      • Support erhalten
      • Updates und Neuigkeiten
    • Anleitungen
      • Administration
        • ThemeWare® testen
        • ThemeWare® kaufen
        • ThemeWare® mieten
        • ThemeWare® hochladen
        • ThemeWare® installieren
        • ThemeWare® aktivieren
        • ThemeWare® zuweisen
        • ThemeWare® bearbeiten
        • ThemeWare® zurücksetzen
        • ThemeWare® bewerten
        • ThemeWare® updaten
        • ThemeWare® aufräumen
        • ThemeWare® deaktivieren
        • ThemeWare® deinstallieren
        • ThemeWare® löschen
        • ThemeWare® zurückgeben
        • ThemeWare® Version ermitteln
        • Shopware Updates und ThemeWare®
      • Demoshops
        • Startseite
        • Kategorie "Höhenluft & Abenteuer"
        • Kategorie "Kochlust & Provence"
        • Kategorie "Handwerk & Tradition"
        • Konfiguration
      • Erlebniswelten
        • ThemeWare® CMS-Styling für Erlebniswelten
        • ThemeWare® CSS-Klassen für Erlebniswelten
        • ThemeWare® CSS-Klassen für Erlebniswelten (Übersicht)
        • Abstände in CMS-Blöcken anpassen
        • Bilder in CMS-Blöcken dekorieren
        • CMS-Blöcke auf mobilen Geräten ausblenden
        • CSS-Abstandsklassen für CMS-Sektionen/-Blöcke
        • CSS-Animationen für Erlebniswelten
        • CSS-Klassen für Sektionen über die volle Breite
        • Erlebniswelten mit Bootstrap CSS-Klassen gestalten
        • Erlebniswelten mit Bootstrap HTML-Code gestalten
        • Hover-Effekte für Bilder in CMS-Blöcken
        • Kategorie-Erlebniswelten der Demoshops nachbauen
        • Markiere CMS-Blöcke als Favoriten um sie schneller zu finden
        • Markiere CMS-Elemente als Favoriten um sie schneller zu finden
        • Responsive Erlebniswelten erstellen
        • Responsive Erlebniswelten mit Bootstrap
        • Spaltenabstände in CMS-Blöcken anpassen
        • Überschriften in CMS-Blöcken gestalten
        • Zusatzfeld in der Erlebniswelt ausgeben
      • Fehlerbehebung
        • Bekannte Fehler einfach selber lösen
        • Darstellungsfehler beheben
        • Erweiterungen bzw. Plugins prüfen
        • Individuelle Anpassungen prüfen
        • Shop aktualisieren
        • Shopware Standard-Theme prüfen
        • ThemeWare® Soft Reset durchführen
        • ThemeWare® neu installieren
      • Fehlersuche
        • Erweiterung als Fehlerursache identifizieren
        • Fehlermeldungen debuggen
        • Fehler eingrenzen
        • Theme als Fehlerursache identifizieren
        • Debug-Modus
      • Fonts
        • Fonts lokal einbinden
        • Fonts mit dem ThemeWare® Customizing Plugin lokal einbinden
        • Google Fonts importieren
        • Schriftkonfiguration
        • Website auf Google Fonts prüfen
      • Header
        • Erlebniswelt-Header konfigurieren
      • Individuelle Anpassungen
        • Individuelle Anpassungen mittels CSS
        • Individuelle Anpassungen mittels SCSS
        • Individuelle Template-Anpassungen (Twig, HTML)
        • Individuelle Anpassungen mit dem ThemeWare® Customizing Plugin
        • Individuelle Anpassungen mit der ThemeWare® Customizing App (Cloud)
        • Individuellen JavaScript-Code einbinden
        • CSS-Hierarchie
        • Bootstrap in der Storefront nutzen
        • Zusatzfelder in der Storefront ausgeben
      • Kategorien
        • Handwerk & Tradition (Demoshop)
        • Höhenluft & Abenteuer (Demoshop)
        • Produkt-Boxen kompakter gestalten
        • Produkt-Listing kompakter gestalten
        • Kategorie erstellen
        • Kategorie-Layout erstellen
        • Kategorie-Layout mit Sidebar erstellen
        • Kategorie-Layout zuweisen
        • Kochlust & Provence (Demoshop)
      • Konfiguration
        • Child-Theme
        • Farbkonfigurationsfeld
        • Feldtypen in der Theme-Konfiguration
        • Schriftkonfigurationsfeld
        • SCSS-Funktionen in der Konfiguration verwenden
        • Theme-Variablen in der Konfiguration verwenden
        • ThemeWare® Duplikate
        • ThemeWare® Duplikat erstellen
        • ThemeWare® Duplikat umbenennen
        • Verwaiste Konfigurationsfelder
      • Produktseiten
        • Produkt-Layout erstellen
        • Produkt-Layout mit Sidebar erstellen
        • Produkt-Layout zuweisen
      • Sonstiges
        • Browser-Cache leeren
        • Shopware Cache leeren / aufwärmen
        • Storefront aktualisieren
        • Theme kompilieren
      • Landingpages
        • Landingpage erstellen
        • Landingpage-Layout erstellen
        • Landingpage-Layout zuweisen
        • Startseite erstellen
      • Shopseiten
        • Shopseiten-Layout erstellen
        • Shopseite in Storefront verlinken
        • AGB-Seite erstellen
        • Datenschutz-Seite erstellen
        • Kontaktseite erstellen
        • Newsletterseite erstellen
        • Seite "Impressum" erstellen
        • Seite "Versand- und Zahlungsarten" erstellen
        • Seite "Widerrufsbelehrungen" erstellen
      • Shopware Account
        • ThemeWare® Subscription verlängern
        • Wechsel zur Mietlizenz
      • Shopware Store
        • ThemeWare® finden
        • ThemeWare® testen
        • ThemeWare® kaufen
        • ThemeWare® mieten
        • ThemeWare® nach der Testphase kaufen
        • ThemeWare® nach des Probemontas mieten
      • Texte bearbeiten und übersetzen
      • Zusatzfelder (Custom Fields)
    • Grundwissen
      • Update-Leitfaden
      • Aktuelle ThemeWare® Version ermitteln
      • Bilder
        • Anzeigemodus von Bildern
        • Bildgrößen
      • Daten von ThemeWare®
      • Erlebniswelten
        • CMS-Layout
        • CMS-Sektion
        • CMS-Block
        • CMS-Element
      • Farbkonfiguration
      • HTML-Code
      • Icons
      • Lizenzen
      • Plugin Kompatibilität (HC-Architecture®)
      • Schriftkonfiguration
      • Shop-Logo
      • Shopware Kompatibilität
      • Textbausteine
      • Unterstützte Browser
      • Versandarten
      • Zahlungsarten
    • Profiwissen
      • Das ultimative Profiwissen
      • Backup der ThemeWare® Konfiguration
      • Bootstrap CSS-Klassen nutzen
      • Bootstrap HTML-Code nutzen
      • Datenbank mit dem Adminer bearbeiten
      • Debug-Modus
      • Erlebniswelten mit Bootstrap CSS-Klassen optimieren
      • Erlebniswelten mit Bootstrap HTML-Elementen optimieren
      • Experten-Einstellungen in CMS-Elementen
      • Experten-Einstellungen in der Theme-Konfiguration
      • Experten-Modus
      • HTML Sanitizer
      • Kompatibilität zu ThemeWare® für Shopware 6 herstellen
      • SCSS
      • Spalten-CSS-Klassen in ThemeWare® CMS-Elementen
      • ThemeWare® auf dem FTP-Server
      • ThemeWare® in der Datenbank
      • ThemeWare® Konfiguration exportieren und importieren
      • ThemeWare® Konfiguration sichern und wiederherstellen
      • ThemeWare® Konfiguration zurücksetzen
      • ThemeWare® manuell installieren
      • ThemeWare® manuell updaten
      • ThemeWare® per FTP hochladen
      • ThemeWare® über die Datenbank deaktivieren
      • Twig
      • Zusätzliche CSS-Klassen für Animationen
    • Häufige Fragen
      • Die Subscription läuft aus - was nun?
      • Häufig in ThemeWare® gesuchte Funktionen
      • Kann ich den Probemonat verlängern?
      • Kann ich die Testphase verlängern?
      • Muss ich ThemeWare® für eine andere Domain nochmal erwerben?
      • Muss ich ThemeWare® für einen anderen Verkaufskanal nochmal erwerben?
      • Wann endet der Probemonat?
      • Wann endet die Testphase?
      • Warum gibt es ThemeWare® mehrmals im Shopware Store?
      • Warum ist die neue ThemeWare® Version nicht verfügbar?
      • Warum muss die Subscription bei Kauf-Erweiterungen verlängert werden?
      • Warum überlagert der Header die Erlebniswelt?
      • Was bedeutet "Bereits kompatibel"?
      • Was bedeutet "Jetzt verfügbar"?
      • Was bedeutet "Mit der neuen Shopware Version"?
      • Was bedeutet "Nicht kompatibel"?
      • Was bedeutet das Fenster "Erweiterungs-Warnung" beim Öffnen meines Admin?
      • Welche Bildgrößen sollte ich mit ThemeWare® nutzen?
      • Wie binde ich das Google-Tag ein?
      • Wie kann ich CMS-Blöcke auf dem Handy ausblenden?
      • Wie kann ich Darstellungsfehler beheben?
      • Wie kann ich das Listing kompakter gestalten?
      • Wie kann ich den Rahmen um einen CMS-Block entfernen?
      • Wie kann ich die Produktbeschreibung in Produkt-Boxen ausblenden?
      • Wie kann ich die Rahmen um CMS-Blöcke entfernen?
      • Wie kann ich Produkt-Boxen kompakter gestalten?
      • Wie kann ich die Anzahl der Ebenen im Flyout ändern?
      • Wie kann ich die Lücken im Listing entfernen?
      • Wie kann ich eigene Fonts DSGVO-konform lokal einbinden?
      • Wie kann ich eine unterschiedliche Konfiguration für einen Verkaufskanal nutzen?
      • Wie kann ich eine zusätzliche Konfiguration in einem weiteren Verkaufskanal nutzen?
      • Wie kann ich Google Fonts DSGVO-konform lokal einbinden?
      • Wie kann ich individuelle Anpassungen vornehmen?
      • Wie kann ich einen Text (z.B. von Widgets) ändern oder übersetzen?
      • Wie kann ich Textbausteine für einzelne Verkaufskanäle anpassen?
      • Wie kann ich Texte für einzelne Verkaufskanäle anpassen?
      • Wie kann es zu Inkompatibilitäten kommen?
      • Wie kündige ich die Miete einer Erweiterung?
      • Wie lösche ich Lizenzen richtig?
      • Wie stelle ich den automatischen Bildwechsel im Slider ein?
    • Häufige Fehler
      • Storefront
        • AGB Pop-up wird ohne Inhalt angezeigt
        • Branding wird trotz Lizenzkey angezeigt
        • CMS-Blöcke werden in Erlebniswelt nicht angezeigt
        • Darstellungsfehler im Theme-Duplikat nach Update
        • Darstellungsfehler in der Storefront
        • Datenschutz Pop-up wird ohne Inhalt angezeigt
        • Galerie-Slider haben auf mobilen Geräten eine falsche Höhe
        • Header überlagert die Erlebniswelt auf der Startseite
        • Leider ist etwas schief gelaufen auf der Artikelseite
        • Oops! An Error Occurred
        • Pop-up (z.B. Datenschutz) wird ohne Inhalt angezeigt
        • Sticky Top-Navigation funktioniert nicht
        • Unterkategorien im Listing werden nicht angezeigt
        • Versandkosten Pop-up wird ohne Inhalt angezeigt
      • Administration
        • Administration nicht erreichbar
        • Allowed memory size of ... bytes exhausted
        • Bad Request...
        • $color: 0 is not a color
        • $color2: 0 is not a color
        • Das Theme konnte nicht deaktiviert werden
        • Das Theme konnte nicht kompiliert werden
        • Einige Blöcke wurden nicht ausreichend konfiguriert
        • Einige Fehler sind aufgetreten. Bitte überprüfe die Liste im Editor.
        • Error: argument '$color'
        • Fehler 400 / Theme kann nicht gespeichert werden
        • Fehler 500 / Themes können nicht gespeichert werden
        • Funktionen oder Konfigurationen fehlen
        • Konfiguration erforderlich. Bitte fülle alle Elemente mit Daten.
        • Konfigurationsfelder fehlen
        • Konfigurationsfelder im Tab "Allgemein"
        • Neue Konfigurationsfelder fehlen im Theme-Duplikat nach Update
        • Parse error: failed at $...
        • Reduzierte Darstellung des Theme-Managers
        • Speichern der Theme-Konfiguration dauert sehr lange
        • Theme kann nicht kompiliert werden
        • Theme konnte dem Verkaufskanal nicht zugewiesen werden
        • ThemeWare® lässt sich nicht updaten
        • ThemeWare® Update nicht verfügbar
        • Unable to compile the theme...
        • Unable to deactivate or uninstall theme
        • Unable to find the theme
        • Undefined variable $...
        • Vorschaubilder im Erlebniswelt-Editor zeigen Platzhalterbilder
    • Tipps und Tricks
      • Die 10 wichtigsten Tipps
      • Bilder optimieren
      • Empfohlene Erweiterungen bzw. Plugins
      • Fachbegriffe erklärt
      • Ideales Vorgehen bei der Konfiguration
      • Konfigurationsfelder schnell finden
      • Nützliche Links
      • Tipps zur Logo-Gestaltung
      • Wie du jede Farbe im Theme Manager findest
    • Shopware
      • Erste Schritte
        • Systemvoraussetzungen
      • Migration
      • Konfiguration
        • Hersteller
        • Produkte
        • Eigenschaften
        • Kategorien
        • Bewertungen
        • Bestellungen
        • Kunden
        • Medien
        • Erlebniswelten
          • Bilder in Text-Felder einfügen
        • Themes
          • Shopware default theme zuweisen
          • Shopware Standard-Theme zuweisen
          • Theme Konfiguration
          • Theme-Duplikate
          • Theme-Duplikat erstellen
          • Theme-Duplikat umbenennen
          • Theme wechseln
          • Theme einem Verkaufskanal zuweisen
        • Newsletter
        • Rabatte & Aktionen
        • Erweiterungen
          • Erweiterungen erwerben
          • Erweiterungen mieten
          • Erweiterungen aktivieren
          • Erweiterungen aktualisieren / updaten
          • Erweiterungen installieren
          • Erweiterungen manuell installieren
          • Erweiterungen bewerten
          • Erweiterungen manuell aktualisieren / updaten
          • Erweiterungen deaktivieren
          • Erweiterungen deinstallieren
          • Erweiterungen entfernen
          • Erweiterungen zurückgeben
        • Einstellungen
          • Caches & Indizes
        • Verkaufskanäle
          • Wartungsmodus
      • Cloud
      • Shopware Erweiterungen
      • Tutorials & FAQs
      • Update Guides
        • Shopware 6 aktualisieren / updaten
      • Support
      • Shopware Account
        • Lizenzen im Shopware Account auf eine andere Domain umziehen
        • Lizenzen übertragen
        • Shop im Shopware Account einrichten
        • Shopdomain umbenennen
        • Shopware Account in der Administration anmelden
        • Shopware Account mit Shop verknüpfen
  • Mehr Wissen
    • ThemeWare® Extras
    • ThemeWare® Tools
      • ThemeWare® Customizing Plugin
      • ThemeWare® Customizing App (Cloud)
      • ThemeWare® Erlebniswelten-Import (Plugin)
    • Lexikon
    • Barrierefreiheit
    • GPSR
    • SEO & Pagespeed
      • PageSpeed Insights
  • Sonstiges
    • Über ThemeWare®
    • ThemeWare® Demoshops
    • ThemeWare® Handbuch
    • ThemeWare® Video-Tutorial
    • ThemeWare® Utilities
    • 🇬🇧English
Powered by GitBook
On this page
  • Textausrichtung
  • Textfarbe
  • Hintergrundfarbe
  • Rahmen (additiv)
  • Rahmen (subtraktiv)
  • Rahmenfarbe
  • Border-radius
  • Schatten
  • Besonderheit: CMS-Blöcke mit ThemeWare® CMS-Styling
  • Weiterführende Informationen

Was this helpful?

  1. Wissensdatenbank
  2. Anleitungen
  3. Erlebniswelten

Erlebniswelten mit Bootstrap CSS-Klassen gestalten

In dieser Anleitung erfährst du, wie du Erlebniswelten mit Bootstrap CSS-Klassen gestalten kannst.

PreviousCSS-Klassen für Sektionen über die volle BreiteNextErlebniswelten mit Bootstrap HTML-Code gestalten

Last updated 5 months ago

Was this helpful?

LogoLogo

ThemeWare®

  • Über ThemeWare®
  • ThemeWare® Demoshops
  • ThemeWare® Service Portal
  • ThemeWare® Utilities

Informationen

  • Datenschutz
  • Impressum
  • Kontakt
  • Newsletter

© 2024 by ThemeWare® | Made with 💙 by TC-Innovations GmbH

Die Shopware 6 Storefront basiert auf dem Bootstrap-Framework. Aufgrund unserer HC-Architecture® ist ThemeWare® selbstverständlich ebenfalls vollständig kompatibel mit Bootstrap.

Auf dieser Seite findest du die gängigsten Bootstrap-Klassen welche du auf CMS-Blöcke in deinen Erlebniswelten anwenden kannst. Ganz ohne Programmierkenntnisse!

Hinweis: Shopware hat mit Version 6.6.0 !important Anweisungen für Bootstrap-Helfer-Klassen entfernt (siehe ). Dadurch überschreiben diese Klassen nicht mehr wie vorher jede vorgegebene Formatierungen.

Shopware 6.4

  • In Shopware 6.4 nutzt die Storefront .

Shopware 6.5

  • In Shopware 6.5 nutzt die Storefront .

Tipp: Anwendungsbeispiele findest du in unseren Demoshops auf den Seiten "".


Textausrichtung

Zum Ausrichten von Texten liefert dir Bootstrap bereits einige CSS-Klassen welche du nutzen kannst.

CSS-Klassen

Klasse v5
Klasse v4
Bereich
Funktionsbeschreibung

text-start

text-left

Block

Text linksbündig ausrichten.

text-center

text-center

Block

Text zentriert ausrichten.

text-end

text-right

Block

Text rechts ausrichten.

Beispiele


Textfarbe

Zum Einfärben von Texten liefert Bootstrap bereits einige Klassen für verschiedene Farben mit. Nachfolgend findest du Beispiele für die verfügbaren Farb-Varianten.

CSS-Klassen

Klasse
Bereich
Funktionsbeschreibung

text-primary

Block

Text in der Primärfarbe ausgeben.

text-secondary

Block

Text in der Sekundärfarbe ausgeben.

text-success

Block

Text in der Farbe "Erfolg" ausgeben.

text-danger

Block

Text in der Farbe "Fehler" ausgeben.

text-warning

Block

Text in der Farbe "Hinweis" ausgeben.

text-info

Block

Text in der Farbe "Information" ausgeben.

text-white

Block

Text in der Farbe "Weiß" ausgeben.

Beispiele


Hintergrundfarbe

Das Bootstrap-Framework liefert dir auch Klassen zum einfärben von Hintergründen von Erlebniswelt-Elementen in verschiedenen Farben mit. Für dunkle Hintergründe empfiehlt es sich eine helle Textfarbe zu wählen (siehe oben).

CSS-Klassen

Klasse
Bereich
Funktionsbeschreibung

bg-primary

Block

Hintergrund mit der Primärfarbe darstellen.

bg-secondary

Block

Hintergrund mit der Sekundärfarbe darstellen.

bg-success

Block

Hintergrund mit der Farbe "Erfolg" darstellen.

bg-danger

Block

Hintergrund mit der Farbe "Fehler" darstellen.

bg-warning

Block

Hintergrund mit der Farbe "Hinweis" darstellen.

bg-info

Block

Hintergrund mit der Farbe "Information" darstellen.

Beispiele


Rahmen (additiv)

Über Bootstrap-Klassen können auch die Rahmen von CMS-Blöcken definiert werden. Die Klasse "border-0" entfernt beispielsweise Rahmen von Elementen.

Hinweis: Bitte beachte, dass das "ThemeWare® CMS-Styling" bereits einen Rahmen darstellt und additive CSS-Klassen dann keine Auswirkung haben. Additive CSS-Klassen sind für Erlebniswelten ohne "ThemeWare® CMS-Styling" relevant.

CSS-Klassen

Klasse v5
Klasse v4
Bereich
Funktionsbeschreibung

border

border

Block

Rahmen hinzufügen.

border-top

border-top

Block

Rahmen oben hinzufügen.

border-end

border-right

Block

Rahmen rechts hinzufügen.

border-bottom

border-bottom

Block

Rahmen unten hinzufügen.

border-start

border-left

Block

Rahmen links hinzufügen.


Rahmen (subtraktiv)

CSS-Klassen

Klasse v5
Klasse v4
Bereich
Funktionsbeschreibung

border-0

border-0

Block

Rahmen entfernen.

border-top-0

border-top-0

Block

Rahmen oben entfernen.

border-end-0

border-right-0

Block

Rahmen rechts entfernen.

border-bottom-0

border-bottom-0

Block

Rahmen unten entfernen.

border-start-0

border-left-0

Block

Rahmen links entfernen.

Beispiele


Rahmenfarbe

Ändere die Rahmenfarbe von CMS-Blöcken mithilfe von folgenden CSS-Klassen.

CSS-Klassen

Klasse
Bereich
Funktionsbeschreibung

border-primary

Block

Rahmen mit der Primärfarbe darstellen.

border-secondary

Block

Rahmen mit der Sekundärfarbe darstellen.

border-success

Block

Rahmen mit der Farbe "Erfolg" darstellen.

border-danger

Block

Rahmen mit der Farbe "Fehler" darstellen.

border-warning

Block

Rahmen mit der Farbe "Hinweis" darstellen.

border-info

Block

Rahmen mit der Farbe "Information" darstellen.

border-light

Block

Rahmen mit der Farbe "Hell" darstellen.

border-dark

Block

Rahmen mit der Farbe "Dunkel" darstellen.

border-white

Block

Rahmen mit der Farbe "Weiß" darstellen.

Beispiele


Border-radius

Füge einem CMS-Block die nachfolgenden CSS-Klassen hinzu, um dessen Ecken einfach abzurunden.

CSS-Klassen

Klasse v5
Klasse v4
Bereich
Funktionsbeschreibung

rounded

rounded

Block

Element abrunden.

rounded-top

rounded-top

Block

Element oben abrunden.

rounded-end

rounded-right

Block

Element recht abrunden.

rounded-bottom

rounded-bottom

Block

Element unten abrunden.

rounded-start

rounded-left

Block

Element links abrunden.

rounded-0

rounded-0

Block

Element nicht abrunden.

Beispiel


Schatten

Hinzufügen oder entfernen von Schatten zu CMS-Blöcken.

CSS-Klassen

Klasse
Bereich
Funktionsbeschreibung

shadow-sm

Block

Kleiner Schlagschatten.

shadow

Block

Normaler Schlagschatten.

shadow-lg

Block

Großer Schlagschatten.

Beispiele


Besonderheit: CMS-Blöcke mit ThemeWare® CMS-Styling

Möchtest du Bootstrap CSS-Klassen auf CMS-Blöcke anwenden, beachte bitte, dass das ThemeWare® CMS-Styling den Rahmen (border, border-radius), die Hintergrundfarbe (background-color) und den Außenabstand nach unten (margin-bottom) überschreibt.

Entferne daher das CMS-Styling für den entsprechenden CMS-Block mit der CSS-Klasse twt-cms-block-reset, damit die Bootstrap-Klassen wirken.


Weiterführende Informationen

Mehr dazu findest du in der Bootstrap Dokumentation: .

Mehr dazu findest du in der Bootstrap Dokumentation: .

Mehr dazu findest du in der Bootstrap Dokumentation: .

Mehr dazu findest du in der Bootstrap Dokumentation: .

Mehr dazu findest du in der Bootstrap Dokumentation: .

Mehr dazu findest du in der Bootstrap Dokumentation: .

Mehr dazu findest du in der Bootstrap Dokumentation: .

Mehr dazu findest du in der Bootstrap Dokumentation: .

Shopware hat mit Version 6.6.0 !important Anweisungen für Bootstrap-Helfer-Klassen entfernt (siehe ). Dadurch werden nun einige in Bootstrap verfügbare CSS-Klassen aufgrund der entsprechenden CSS-Hierarchie vom CMS-Styling überschrieben.

NEXT-29246
Bootstrap 4
Bootstrap 5
Bootstrap-Beispiele
Text alignment
Colors
Background
Borders
Borders > Subtractive
Borders > Color
Borders > Radius
Shadows
NEXT-29246
Get started with Bootstrapgetbootstrap
Bootstrap 5 Dokumentation
Introductiongetbootstrap
Bootstrap 4 Dokumentation
Logo
Logo