Samplaí greille bootstrap

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

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 ag 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á ceithre shraith ranganna ag córas greille Bootstrap 3: xs (fóin), sm (táibléad), md (deisce), agus lg (deisce níos mó). 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-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

Measctha: soghluaiste, táibléad agus deisce

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

Imréitigh colún

Snámháin soiléire ag brisphointí ar leith chun timfhilleadh corrach le hábhar míchothrom a chosc.

.col-xs-6 .col-sm-3
Athraigh do radharc nó seiceáil amach ar do ghuthán le haghaidh sampla.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Fritháireamh, brúigh, agus tarraing athshocraithe

Athshocraigh fritháirimh, brú, agus tarraingt ag brisphointí ar leith.

.col-sm-5 .col-md-6
.col-sm-5 .col-sm-fritháireamh-2 .col-md-6 .col-md-fritháireamh-0
.col-sm-6 .col-md-5 .col-lg-6
.col-sm-6 .col-md-5 .col-md-fritháireamh-2 .col-lg-6 .col-lg-fritháireamh-0