Skip to main content

Grundlage zum Website Design Editor

Unser Website Design Editor basiert auf Bootstrap, welches ein Frontend-Framework ist, das zahlreiche vordefinierte Klassen für Layout, Design und responsive Design bereitstellt. Es basiert auf HTML (Struktur), CSS (Design und Layout) sowie JavaScript (Interaktivität) und ermöglicht die schnelle, einheitliche Gestaltung moderner Benutzeroberflächen – häufig ohne zusätzlichen CSS-Code.


Allgemein:
  • Freies Frontend-Framework
  • Besteht aus HTML (Struktur), CSS (Design und Layout), JavaScript (Interaktivität)
  • Vorteile: Vorgefertigte Designs, Grid-System, Responsive (von Desktop bis Smartphone)
Aufbau:
  • Body = HTML-Grundgerüst / Grundrahmen

  • Container (Rahmen) = Äußerster Rahmen, in dem Inhalt organisiert wird

  • Row (Zeile) = horizontale Reihen für Inhalte - immer im Container

  • Columns (Spalten) = Max. 12 Spalten pro Zeile (Row) - immer in einer Row