Samplaí greille bootstrap

Leagan amach bunúsach eangaí chun eolas a chur ort ar thógáil laistigh de chóras eangaí Bootstrap.

Sna samplaí seo cuirtear an .themed-grid-colrang leis na colúin chun roinnt téamaí a chur leis. Ní rang é seo atá ar fáil i Bootstrap de réir réamhshocraithe.

Cúig shraith eangaí

Tá cúig shraith ag baint le córas eangaí Bootstrap, ceann amháin do gach raon gléasanna a dtacaímid leo. Tosaíonn gach sraith ag íosmhéid an amhairc agus baineann sé go huathoibríoch leis na gléasanna níos mó ach amháin má sháraítear iad.

.col-4
.col-4
.col-4
.col-sm-4
.col-sm-4
.col-sm-4
.col-md-4
.col-md-4
.col-md-4
.col-lg-4
.col-lg-4
.col-lg-4
.col-xl-4
.col-xl-4
.col-xl-4

Trí cholún comhionann

Faigh trí cholún ar chomhleithead ag tosú ag deasc agus ag scála go deasc mhór . Ar ghléasanna soghluaiste, táibléad agus thíos, déanfar na colúin a chruachadh go huathoibríoch.

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

Trí cholún mhíchothrom

Faigh trí cholún ag tosú ag deasc agus ag scálú chuig deasc mhóra de leithid éagsúla. Cuimhnigh gur chóir go mbeadh suas le dhá cheann déag sna colúin ghreille le haghaidh bloc amháin cothrománach. Níos mó ná sin, agus tosaíonn na colúin ag cruachadh is cuma an radharc.

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

Dhá cholún

Faigh dhá cholún ag tosú ag deasc agus ag scála go deasc mhór .

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

Leithead iomlán, colún singil

Níl aon ranganna greille riachtanach le haghaidh eilimintí lánleithead.

Dhá cholún le dhá cholún neadaithe

De réir na ndoiciméad, tá sé éasca le neadú - níl le déanamh ach sraith colún a chur laistigh de cholún atá ann cheana féin. Tugann sé seo duit dhá cholún ag tosú ag deasc agus scálú go deasc mhór , le dhá cheann eile (leithead comhionann) laistigh den cholún níos mó.

Ag méideanna gléasanna soghluaiste, táibléad agus síos, cruachfaidh na colúin seo agus a gcolúin neadaithe.

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

Measctha: soghluaiste agus deasc

Tá cúig shraith ranganna ag córas greille Bootstrap v4: xs (beag breise), sm (beag), md (meán), lg (mór), agus xl (mór breise). Is féidir leat beagnach aon teaglaim de na ranganna seo a úsáid chun leagan amach níos dinimiciúla agus níos solúbtha a chruthú.

Méadaíonn gach sraith ranganna, rud a chiallaíonn má tá sé ar intinn agat na leithid céanna a shocrú do xs agus sm, ní gá duit ach xs a shonrú.

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

Measctha: soghluaiste, táibléad agus deisce

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