Dæmi um ræsikerfi
Grunnnetsskipulag til að kynnast byggingu innan Bootstrap ristkerfisins.
Í þessum dæmum er .themed-grid-col
bekknum bætt við dálkana til að bæta við einhverju þema. Þetta er ekki flokkur sem er fáanlegur í Bootstrap sjálfgefið.
Fimm grid tiers
Það eru fimm stig í Bootstrap grid kerfinu, eitt fyrir hvert úrval tækja sem við styðjum. Hvert lag byrjar á lágmarksstærð útsýnisgáttar og á sjálfkrafa við um stærri tækin nema þeim sé hnekkt.
Þ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.
Þrír jafnir dálkar valkostur
Með því að nota .row-cols-*
flokkana geturðu auðveldlega búið til rist með jöfnum dálkum.
.col
barn af
.row-cols-md-3
.col
barn af
.row-cols-md-3
.col
barn af
.row-cols-md-3
Þ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.
Tveir dálkar
Fáðu tvo dálka sem byrja á skjáborðum og skala yfir í stóra skjáborð .
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.
Blandað: farsíma og borðtölvu
Bootstrap v4 grid kerfið hefur fimm flokka af flokkum: xs (extra lítill, þessi flokks innsetning er ekki notuð), sm (small), md (miðlungs), lg (stór) og xl (extra stór). Þú 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ð stilla sömu breidd fyrir md, lg og xl þarftu aðeins að tilgreina md.
Blandað: farsími, spjaldtölva og skjáborð
Rennur
Með .gx-*
flokkum er hægt að stilla láréttu þakrennurnar.
.col
með
.gx-4
þakrennum
.col
með
.gx-4
þakrennum
.col
með
.gx-4
þakrennum
.col
með
.gx-4
þakrennum
.col
með
.gx-4
þakrennum
.col
með
.gx-4
þakrennum
Notaðu .gy-*
flokkana til að stjórna lóðréttu þakrennunum.
.col
með
.gy-4
þakrennum
.col
með
.gy-4
þakrennum
.col
með
.gy-4
þakrennum
.col
með
.gy-4
þakrennum
.col
með
.gy-4
þakrennum
.col
með
.gy-4
þakrennum
Með .g-*
flokkum er hægt að stilla þakrennurnar í báðar áttir.
.col
með
.g-3
þakrennum
.col
með
.g-3
þakrennum
.col
með
.g-3
þakrennum
.col
með
.g-3
þakrennum
.col
með
.g-3
þakrennum
.col
með
.g-3
þakrennum
Gámar
Viðbótarflokkar sem bætt er við í Bootstrap v4.4 leyfa gáma sem eru 100% breiðir fram að tilteknu broti. v5 bætir við nýjum xxl
brotpunkti.