3-spaltiges Layout

3-spaltiges Layout zum Ausprobieren und Weiterverwenden

Nach Vorstellung des Standard-Layouts mit 2 Spalten, kann man mit Bootstrap auch komplexe Layouts schnell gestalten.

Als Beispiel wird ein 3-spaltiges Layout inklusive Header und Footer definiert.

Der Header und Footer nutzen jeweils die komplette Layoutbreite (.col-md-12).

Der Inhaltsbereich gliedert sich  in drei Spalten:

  • linke Sidebar (.col-md-3)
  • Inhalt in der Mitte (.col-md-6)
  • rechte Sidebar (.col-md-3)

Der Inhalt nutzt also genau die halbe Breite des Layouts. Der Rest wird durch die Sidebars ausgefüllt.

Header, Inhaltsbereit und Footer kommen jeweils in eine separate Rasterreihe (.row)

Frage stellen
Nach oben
BootstrapWorld.de nutzt Cookies, um euch die bestmögliche Funktionalität zu bieten.
Details ansehen
OK