Operation Manual

Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.

Rechtliche Hinweise | Online-Datenschutzrichtlinie

Nach oben

</div>

Dabei stellt „*“ die aktuelle Bildschirmgröße in Dreamweaver dar.

Spalten hinzufügen

Wählen Sie die gewünschte Spalte aus und klicken Sie dann auf . Die ausgewählte Spalte wird ohne ihre

untergeordneten Elemente dupliziert.

Allen leeren Spalten wird eine Mindesthöhe von 20 px zugewiesen. Diese Höhe wird jedoch nicht wirklich der

Seite hinzugefügt. Sie wird nur in der Live-Ansicht angezeigt, um Elemente einfacher in die Spalten einfügen

zu können.

Größe von Spalten ändern und Offset auf Spalten anwenden

Das Ändern der Größe von Spalten und das Anwenden eines Offsets auf Spalten sind zwingend erforderlich,

insbesondere beim Erstellen von responsiven Designs für verschiedene Viewports.

Spaltengröße ändern

Klicken Sie auf die gewünschte Spalte und ziehen Sie den Griff, um die Größe zu ändern. Wenn Sie die

Größe einer Spalte ändern, wird die Klasse col-*-n hinzugefügt. Dabei stellt „*“ die aktuelle Medienabfrage

dar („xs“, „sm“, „md“ oder „lg“) und „n“ stellt die Anzahl der belegten Spalten dar.

Dreamweaver erkennt die aktuelle Bildschirmgröße und fügt die entsprechende Klasse hinzu. Um die

Spaltengröße an bestimmte Viewports anzupassen, ändern Sie die Viewport-Größe mit den Optionen in der

rechten unteren Ecke oder in der Navigationsleiste. Ändern Sie dann die Größe der Spalten nach Bedarf.

Offset auf Spalten anwenden

Klicken Sie auf die gewünschte Spalte und ziehen Sie den Griff nach links, um einen Offset auf die Spalte

anzuwenden. Der Offset wird als schraffierter Bereich angezeigt. Wenn Sie einen Offset auf die Spalte

anwenden, wird die Klasse „col-*-offset-n“ hinzugefügt. Dabei stellt „*“ die aktuelle Medienabfrage („xs“, „sm“,

„md“ oder „lg“) dar und „n“ stellt die Anzahl der Spalten dar, um die die Spalte verschoben wird.

Dreamweaver erkennt die aktuelle Bildschirmgröße und fügt die entsprechende Klasse hinzu. Um den Offset

von Spalten an bestimmte Viewports anzupassen, ändern Sie die Viewport-Größe mit den Optionen in der

rechten unteren Ecke oder in der Navigationsleiste. Wenden Sie dann nach Bedarf einen Offset auf die

Spalten an.

217