Þrír jafnir dálkar

Fáðu þrjá jafnbreiða dálka sem byrja á skjáborðum og skalast yfir í stóra skjáborð . Í farsímum, spjaldtölvum og neðan munu dálkarnir sjálfkrafa stafla.

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

Þrír ójafnir dálkar

Fáðu þrjá dálka sem byrja á skjáborðum og stækka í stóra skjáborð af mismunandi breiddum. Mundu að ristardálkar ættu að vera allt að tólf fyrir einn láréttan blokk. Meira en það, og dálkar byrja að staflast, sama hvaða útsýnisgátt er.

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

Tveir dálkar

Fáðu tvo dálka sem byrja á skjáborðum og skala yfir í stóra skjáborð .

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

Full breidd, einn dálkur

Engir töfluflokkar eru nauðsynlegir fyrir þætti í fullri breidd.


Tveir dálkar með tveimur hreiðri dálkum

Samkvæmt skjölunum er hreiður auðvelt - settu bara röð af dálkum í núverandi dálk. Þetta gefur þér tvo dálka sem byrja á skjáborðum og stækka í stóra skjáborð , með öðrum tveimur (jöfnum breiddum) innan stærri dálksins.

Í farsímastærðum, spjaldtölvum og niður, munu þessir dálkar og hreiðraðir dálkar þeirra stafla.

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

Blandað: farsíma og borðtölvu

Bootstrap 3 grid kerfið hefur fjóra flokka flokka: xs (símar), sm (spjaldtölvur), md (skjáborð) og lg (stærri skjáborð). Þú getur notað næstum hvaða samsetningu sem er af þessum flokkum til að búa til kraftmeiri og sveigjanlegri skipulag.

Hver flokkaflokkur stækkar, sem þýðir að ef þú ætlar að setja sömu breidd fyrir xs og sm, þarftu aðeins að tilgreina 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

Blandað: farsími, spjaldtölva og skjáborð

.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

Dálkahreinsun

Tær flot á tilteknum brotstöðum til að koma í veg fyrir óþægilega umbúðir með ójöfnu innihaldi.

.col-xs-6 .col-sm-3 Breyttu
stærð útsýnisgluggans eða skoðaðu það í símanum þínum sem dæmi.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Offset, push og pull endurstillir

Endurstilla frávik, ýta og draga á tilteknum brotpunktum.

.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