Beispiel-Seite

Bootstrap Grid Beispiele und Komponenten

12-Spalten Grid System

col-12 (100%)
col-md-6
col-md-6
col-md-4
col-md-4
col-md-4
col-md-8
col-md-4

Features

Responsive

Mobile-first Design mit Bootstrap 5

Modular

Wiederverwendbare Twig-Komponenten

Flexibel

Einfach erweiterbar und anpassbar

Responsive Breakpoints

Diese Spalten ändern sich je nach Bildschirmgröße:

col-12 col-sm-6 col-md-4 col-lg-3
col-12 col-sm-6 col-md-4 col-lg-3
col-12 col-sm-6 col-md-4 col-lg-3
col-12 col-sm-6 col-md-4 col-lg-3

Card Grid Layout

Card 1

Dies ist ein Beispiel-Card. Sie können hier beliebige Inhalte einfügen.

Mehr erfahren
Card 2

Dies ist ein Beispiel-Card. Sie können hier beliebige Inhalte einfügen.

Mehr erfahren
Card 3

Dies ist ein Beispiel-Card. Sie können hier beliebige Inhalte einfügen.

Mehr erfahren
Card 4

Dies ist ein Beispiel-Card. Sie können hier beliebige Inhalte einfügen.

Mehr erfahren
Card 5

Dies ist ein Beispiel-Card. Sie können hier beliebige Inhalte einfügen.

Mehr erfahren
Card 6

Dies ist ein Beispiel-Card. Sie können hier beliebige Inhalte einfügen.

Mehr erfahren