Grid & Views
Das Grid-System ist die Grundlage für das Layout in TourismusWeb. Es basiert auf einem unsichtbaren 12-Spalten-Raster, das Inhalte präzise in Zeilen und Spalten strukturiert. Dadurch lassen sich flexible, responsive und konsistente Webseiten gestalten – von einfachen Layouts bis zu komplexen verschachtelten Rastern.
TourismusWeb setzt auf einen Mobile-first Ansatz: Einstellungen vererben sich von kleineren auf grössere Viewports, bis neue Werte gesetzt werden.
Optionen pro Spalte:
- Breite vererben
- Verbergen (z. B. nur Desktop sichtbar)
- Automatisch anpassen
- Feste Breite: von 8 % (12 Spalten) bis 100 % (1 Spalte)
- Asymmetrische Layouts: z. B. 42 % / 58 %
| Viewport | Grösse | Ideal für |
|---|---|---|
| xs | <576px | Mobile Hochformat |
| small | ≥576px | Mobile Querformat |
| medium | ≥768px | Tablet Hochformat |
| large | ≥992px | Tablet Querformat / kleines Laptop |
| xl | ≥1200px | Laptop / Desktop |
| xxl | ≥1400px | Grosser Desktop / TV |
Views
Mit den Views kannst du strukturierte Daten flexibel darstellen. Sie haben bereits Grids integriert und ermöglichen so unterschiedliche Layouts wie Listen, Kacheln, Karussells oder Kalender. Damit lassen sich Inhalte je nach Bedarf übersichtlich, visuell ansprechend oder interaktiv präsentieren.
