Basic Grid struktur

Gør vinduet mindre og størrer for at se hvad der sker

Hvis man ikke overskriver Bootstraps standard med "col-" som er telefonstørrelse vil de automatisk fylde 12 kolloner når vindet rammer denne størrelsen 576px bred.

I første eksempel er standrden overskredet ved at sætte col- til forskellige værdier fra Col-sm, og i sidte eksempel er Col sat som fast værdi og vil derved gælde for alle skærmstørrelser

50% - 75%
50% - 25%

33.33%
33.33%
33.33%

25%
25%
25%
25%

25%
25%
25%
25%

Billeder i Grid System

De første to billeder har kant til kant design ved at sætte g-0 (gutter = 0), det sidste er Bootstraps default

Beskrivelse af billedet

Beskrivelse af billedet

Beskrivelse af billedet

Beskrivelse af billedet

Beskrivelse af billedet

Beskrivelse af billedet

Beskrivelse af billedet

Beskrivelse af billedet

Beskrivelse af billedet

Beskrivelse af billedet

Beskrivelse af billedet

Beskrivelse af billedet

Beskrivelse af billedet

Cards i grid System

Beskrivelse af billedet

Beskrivelse af billedet

Beskrivelse af billedet

Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere