Bootstrap container, rows und flexbox

Alle Container-Layots sind unter „Vorlagen – Hupa-Bootstrap-Container“ zu finden.

Layout Vorlage:

Bootsrap Fullwidth ROW Gutter mit Container

Row column
Gruppe 1

Row column
Gruppe 1

Row column
Gruppe 1

Row column
Gruppe 1

Row column
Gruppe 1

Row column
Gruppe 1

Row column
Gruppe 1

Row column
Gruppe 1

Row column
Gruppe 1

Row column
Gruppe 1

Row column
Gruppe 1

Row column
Gruppe 1

Row column
Gruppe 2

Row column
Gruppe 2

Row column
Gruppe 2

Row column
Gruppe 2

Row column
Gruppe 2

Row column
Gruppe 2

Row column
Gruppe 3

Row column
Gruppe 3

Row column
Gruppe 3

Row column
Gruppe 3

Layout Vorlage:

Bootsrap ROW-Gutter

Row column

Row column

Row column

Row column


Layout Vorlage:

Bootsrap Fullwidth ROW-Gutter

Row column

Row column

Row column

Row column


Layout Vorlage:

Bootsrap Fullwidth ROW-Gutter Inner-Container

Row column

Row column

Row column

Row column


Layout Vorlage:

Bootsrap Flexbox

Col 1

Col 2

Col 3


Layout Vorlage:

Bootsrap Fullwidth Flexbox

Col 1

Col 2

Col 3


Layout Vorlage:

Bootsrap Fullwidth Flexbox Inner-Container

Col 1

Col 2

Col 3


Layout Vorlage:

WordPress-Spalten mit Bootstrap-Container und Flexbox

Bootsrap Row

Bootsrap Row

Bootsrap Row


Layout Vorlage:

Bootsrap shadow


Layout Vorlage:

Bootsrap shadow reverse


Layout Vorlage:

Bootsrap Fullwidth Flexbox Inner-Container BG 50/50

Use align-items utilities on flexbox containers to change the alignment of flex items on the cross axis (the y-axis to start, x-axis if flex-direction: column). Choose rom start, end, center, baseline, or stretch (browser default).

Col 2