Bootstrap 3 Grundkurs

Mit Verschachtelung arbeiten

Testen Sie unsere 2011 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Reihen ineinander zu verschachteln ist ebenfalls möglich. Ähnlich, wie früher Tabellen verschachtelt wurden, können auch hier "Unterspalten" erzeugt werden.
03:03

Transkript

Falls Sie Lust haben Ihre Spalten noch weiter ineinander zu verschachteln, so ist auch dies ohne Probleme möglich, wenn Sie einfach ein Reinelement noch innerhalb einer bereits bestehenden Reihe integrieren. Und auch das schauen wir uns gleich am praktischen Beispiel an. Ich habe hier schon die bisherige Seite vorbereitet. Das ist diese Seite. Und ich möchte jetzt hier herinnen, in diesem Bereich also, noch als Teil von dieser Reihe, eine weitere Verschachtlung haben. Und wie wir das am besten umsetzen, zeige ich Ihnen jetzt. Von den Verschachtlungen her, oder von den Einzelteilen her, habe ich hier diesen Hauptteil mit dem Artikel und den neuen Spalten. Und noch innerhalb dieses Artikels möchte ich jetzt eben eine weitere Untergruppierung einfügen. Dieses Mal mache ich das als klassisches div, und als Erstes brauche ich natürlich wieder eine Klasse und die Klasse ist row, richtig. Und ich schließe diese Klasse und werde in dieser Klasse jetzt zwei neue divs anlegen. Das erste div hat die Klasse col, col-md, und ich wähle 6. Weil ich innerhalb dieser Untergruppierung jetzt schauen sollte, dass ich mit meinen Spaltenzahlen wieder auf 12 komme. Und da hinein schreibe ich jetzt Ich bin, ach vielleicht noch mit einem Paragraphen, "Ich bin eine Unterspalte". Das ganze kopiere ich mir noch mal. Steuerung C und füge es darunter ein. Steuerung V und "Ich bin eine zweite Unterspalte". Steuerung S speichert das ganze und wir schauen's uns an. Und hier haben Sie's auch schon, die Unterspalte ich bin eine Unterspalte, ich bin eine zweite Unterspalte. Sie sehen es ist ebenfalls sehr sehr einfach, wenn Sie weitere Verschachtelung vornehmen möchten. Das Prinzip, dass Sie einfach eine neue row einfügen, auch innerhalb einer bestehenden row, ist nicht wirklich die Hexerei. Das einzige worauf Sie achten müssen ist, dass die Positionierung passt. Also, ich habe diese neuen zwei Elemente innerhalb dieses article Elements gesetzt, um zu meinem Ziel zu kommen.

Bootstrap 3 Grundkurs

Lernen Sie, wie Sie über Bootstrap 3 mit dem Gridsystem - einem ausgeklügelten Spaltensystem – beliebige Gestaltungsmöglichkeiten schnell und flexibel umsetzen können.

2 Std. 14 min (25 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!