Eisimpleirean de griod bootstrap
Dealbhadh clèithe bunaiteach gus eòlas fhaighinn air togail taobh a-staigh siostam clèithe Bootstrap.
Anns na h-eisimpleirean seo tha an .themed-grid-col
clas air a chur ris na colbhan gus cuspairean a chur ris. Chan e clas a tha seo a tha ri fhaighinn ann am Bootstrap gu bunaiteach.
Còig ìrean cliath
Tha còig ìrean ann an siostam clèithe Bootstrap, aon airson gach raon de dh’ innealan ris a bheil sinn a’ toirt taic. Bidh gach sreath a’ tòiseachadh aig meud seallaidh as ìsle agus a’ buntainn gu fèin-ghluasadach ris na h-innealan nas motha mura tèid an toirt thairis.
Trì colbhan co-ionann
Faigh trì colbhan den aon leud a’ tòiseachadh aig deasg agus a’ sgèileadh gu deasgaichean mòra . Air innealan gluasadach, clàran agus gu h-ìosal, thèid na colbhan a chruachadh gu fèin-ghluasadach.
Roghainn trì colbhan co-ionann
Le bhith a’ cleachdadh nan .row-cols-*
clasaichean, is urrainn dhut cliath a chruthachadh gu furasta le colbhan co-ionann.
.col
leanabh de
.row-cols-md-3
.col
leanabh de
.row-cols-md-3
.col
leanabh de
.row-cols-md-3
Trì colbhan neo-ionann
Faigh trì colbhan a’ tòiseachadh aig deasg agus a’ sgèileadh gu deasgaichean mòra de dhiofar leud. Cuimhnich gum bu chòir colbhan clèithe suas ri dusan a chur airson aon bhloc còmhnard. A bharrachd air an sin, agus bidh colbhan a’ tòiseachadh a’ cruachadh ge bith dè an sealladh-seallaidh a th’ ann.
Dà cholbh
Faigh dà cholbh a’ tòiseachadh aig deasg agus a’ sgèileadh gu deasgaichean mòra .
Leud iomlan, colbh singilte
Chan eil feum air clasaichean clèithe airson eileamaidean làn-leud.
Dà cholbh le dà cholbh neadachaidh
A rèir na sgrìobhainnean, tha e furasta neadachadh - dìreach cuir sreath de cholbhan taobh a-staigh colbh a tha ann mu thràth. Bheir seo dhut dà cholbh a’ tòiseachadh aig deasg agus a’ sgèileadh gu deasgaichean mòra , le dhà eile (leud co-ionann) taobh a-staigh a’ cholbh as motha.
Aig meudan innealan gluasadach, clàran agus sìos, thèid na colbhan sin agus na colbhan neadachaidh aca a chruachadh.
Measgaichte: gluasadach agus deasg
Tha còig sreathan de chlasaichean aig siostam clèithe Bootstrap v4: xs (beag a bharrachd, chan eilear a’ cleachdadh an infix clas seo), sm (beag), md (meadhanach), lg (mòr), agus xl (mòr a bharrachd). Faodaidh tu cha mhòr measgachadh sam bith de na clasaichean sin a chleachdadh gus dealbhadh nas beothaile agus nas sùbailte a chruthachadh.
Bidh gach sreath de chlasaichean a’ leudachadh, a’ ciallachadh ma tha thu an dùil na h-aon leudan a shuidheachadh airson md, lg agus xl, chan fheum thu ach md a shònrachadh.
Measgaichte: gluasadach, clàr, agus deasg
cutairean
Le .gx-*
clasaichean, faodar na cutairean còmhnard atharrachadh.
.col
le
.gx-4
cutairean
.col
le
.gx-4
cutairean
.col
le
.gx-4
cutairean
.col
le
.gx-4
cutairean
.col
le
.gx-4
cutairean
.col
le
.gx-4
cutairean
Cleachd na .gy-*
clasaichean gus smachd a chumail air na cutairean dìreach.
.col
le
.gy-4
cutairean
.col
le
.gy-4
cutairean
.col
le
.gy-4
cutairean
.col
le
.gy-4
cutairean
.col
le
.gy-4
cutairean
.col
le
.gy-4
cutairean
Le .g-*
clasaichean, faodar na cutairean an dà thaobh atharrachadh.
.col
le
.g-3
cutairean
.col
le
.g-3
cutairean
.col
le
.g-3
cutairean
.col
le
.g-3
cutairean
.col
le
.g-3
cutairean
.col
le
.g-3
cutairean
Gabhadairean
Tha clasaichean a bharrachd air an cur ris ann am Bootstrap v4.4 a’ ceadachadh soithichean a tha 100% de leud gu àite brisidh sònraichte. v5 a’ cur puing-briseadh ùr ris xxl
.