Theme "mediumViolet" erfolgreich aktiviert
Um das Theme zu aktivieren, muss folgende CSS-Datei eingebunden werden:


<!-- CSS link (HTML header), replace with "https://style.brandenburg.de/%VERSION_ALIAS%/css/app.css" -->

<link type="text/css" rel="stylesheet" href="https://style.brandenburg.de/%VERSION_ALIAS%/css/themes/mediumViolet.css"/>
                

2.8 Spaltensystem

Der Grundstock für das Responsive Design ist ein Grid-System bestehend aus 12 Spalten. Dieses hat verschiedene Aufgaben: Einerseits trägt es zu einem strukturierten Layout bei und sorgt dafür, dass eine Webseite einheitlich und professionell wirkt. Andererseits unterstützt es bei der Umsetzung bzw. bei der Webseiten-Entwicklung, indem es vordefinierte CSS-Klassen zur Positionierung der Elemente bereitstellt.

Das Spaltendesign dient zur zielgenauen (nicht pixelgenauen) Überführung von Inhalten/Elementen in ein einheitliches Schema. Die Fülle der Möglichkeiten zur Platzierung und Aufteilung entsteht durch die Kombination aus den 12 Spalten des Systems.

Durch die Umbrüche auf verschiedenen Endgeräten entstehen folglich mehrspaltige und auf sehr kleinen Geräten, wie bspw. Smartphones, einspaltige Ansichten. Die Breite einer Rasterspalte ist dabei nicht fest definiert, sondern passt sich flexibel an. Die Angaben im CSS-Code basieren folglich auf Prozentwerten.

Das 12spaltige Grid-System

Das 12spaltige Grid-System