My First Bootstrap Page

Resize this responsive page to see the effect!

Drei Karten nebeneinander: row-cols-3

This is some text within a card body.
This is some text within a card body.
This is some text within a card body.

Responsive xs: 1 Karte, sm: 2 Karten, ab md: 3 Karten nebeneinander

This is some text within a card body.
This is some text within a card body.
This is some text within a card body.

Col und Row

Column 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Column 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit...

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...

Col und Row responsive: row col- col-sm- col-md-

Größen: xs (col- ersetzt col-xs), sm (col-sm-), md (col-md-), lg (col-lg-) xl, xxl

Gerne mit col- anfangen und später col-sm-... ergänzen

col
col
col
col
col-8
col-4

Text

This text is important.

This text indicates success.

This text represents some information.

This text represents a warning.

This text represents danger.

Buttons

Form