Editor / Auswahl der Zelle
Nachdem Sie eine Datei (Seite) zur Bearbeitung ausgewählt haben, erscheint zunächst die Übersicht der vorhandenen Zellen (Seitenbereiche).
Hier können sie weitere Zeilen anlegen bzw. vorhandene Bereiche löschen. Um einen Bereich zu bearbeiten, klicken Sie diesen an, es wird daraufhin der Editor angezeigt.
Um zu verstehen, was diese Bereiche bedeuten, muss man wissen, wie das Bootstrap Grid System aufgebaut ist. Es handelt sich dabei um eine „Tabelle“ mit 12 Spalten und beliebig vielen Zeilen. Das System ist so aufgebaut, dass sich die (Tabellen-)Zellen bei kleinen Bildschirmen (Mobilgeräten) intelligent neu anordnen.
Unser sunliteCMS benutzt die Klassen, welche mit „schmal“ gekennzeichnet sind, also col-sm-1 … col-sm-12.
Im oberen Beispiel besteht die Seite („Impressum/Datenschutz“) also
aus einem die gesamte Bildschirmbreite nutzenden Bereich (1), gefolgt von zwei
nebeneinander angeordneten Bereichen (z.B. ein Bild mit nebenstehendem Text, 2/3)
und schließlich noch einem Bereich, der wieder die gesamte Bildschirmbreite nutzt
(4). Auf einem Mobilgerät würden diese Bereiche in der Reihenfolge von 1 bis 4
untereinander angezeigt.
Nachfolgend ist dieses Verhalten dargestellt:
breiter Bildschirm
schmaler Bildschirm