Tre lige store kolonner

Få tre kolonner med lige bredde, startende ved desktops og skalering til store desktops . På mobile enheder, tablets og derunder vil kolonnerne automatisk stables.

.col-md-4
.col-md-4
.col-md-4

Tre ulige søjler

Få tre kolonner, der starter ved desktops og skalerer til store desktops i forskellige bredder. Husk, at gitterkolonner skal lægge op til tolv for en enkelt vandret blok. Mere end det, og kolonner begynder at stables uanset visningsporten.

.col-md-3
.col-md-6
.col-md-3

To kolonner

Få to kolonner, der starter ved desktops og skalerer til store desktops .

.col-md-8
.col-md-4

Fuld bredde, enkelt søjle

Ingen gitterklasser er nødvendige for elementer i fuld bredde.


To kolonner med to indlejrede kolonner

I henhold til dokumentationen er indlejring let - bare sæt en række kolonner i en eksisterende kolonne. Dette giver dig to kolonner, der starter ved skriveborde og skalerer til store skriveborde med yderligere to (lige bredder) i den større kolonne.

På mobilenhedsstørrelser, tablets og nedefter, stables disse kolonner og deres indlejrede kolonner.

.col-md-8
.col-md-6
.col-md-6
.col-md-4

Blandet: mobil og desktop

Bootstrap 3-gittersystemet har fire klasser: xs (telefoner), sm (tablets), md (desktops) og lg (større desktops). Du kan bruge næsten enhver kombination af disse klasser til at skabe mere dynamiske og fleksible layouts.

Hvert niveau af klasser skaleres op, hvilket betyder, at hvis du planlægger at indstille de samme bredder for xs og sm, behøver du kun at angive xs.

.col-xs-12 .col-md-8
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6 .col-md-4
.col-xs-6
.col-xs-6

Blandet: mobil, tablet og desktop

.col-xs-12 .col-sm-6 .col-lg-8
.col-sm-6 .col-lg-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4
.col-xs-6 .col-sm-4

Søjlerydning

Klare flydere ved specifikke brudpunkter for at forhindre akavet indpakning med ujævnt indhold.

.col-xs-6 .col-sm-3
Ændr størrelsen på din visningsport, eller tjek den ud på din telefon for et eksempel.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Offset, push og pull nulstilles

Nulstil forskydninger, push og pulls ved specifikke brudpunkter.

.col-sm-5 .col-md-6
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
.col-sm-6 .col-md-5 .col-lg-6
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0