Mehlala ea grid ea Bootstrap
Mehaho ea mantlha ea grid ho u tloaelana le moaho ka har'a sistimi ea grid ea Bootstrap.
Mehlaleng ena .themed-grid-col
sehlopha se eketsoa likholomong ho kenyelletsa lihlooho tse ling. Sena ha se sehlopha se fumanehang ho Bootstrap ka ho sa feleng.
Li-grid tse hlano
Ho na le mekhahlelo e mehlano ho sistimi ea grid ea Bootstrap, e le 'ngoe bakeng sa mofuta o mong le o mong oa lisebelisoa tseo re li tšehetsang. Karolo e 'ngoe le e 'ngoe e qala ka boholo ba bonyane ba sebaka sa pono 'me e sebetsa ka bo eona ho lisebelisoa tse kholo ntle le haeba e fetisitsoe.
Litšiea tse tharo tse lekanang
Fumana likholomo tse tharo tse bophara bo lekanang ho qala ho li-desktops le ho ea ho li-desktops tse kholo . Ho lisebelisoa tsa cellular, matlapa le ka tlase, likholomo li tla ikamahanya le maemo.
Likholomo tse tharo tse lekanang
Ka ho sebelisa .row-cols-*
litlelase, o ka etsa marang-rang habonolo ka litšiea tse lekanang.
.col
ngoana oa
.row-cols-md-3
.col
ngoana oa
.row-cols-md-3
.col
ngoana oa
.row-cols-md-3
Litšiea tse tharo tse sa lekanang
Fumana litšiea tse tharo ho qala ho li-desktops le ho ea ho li-desktops tse kholo tsa bophara bo fapaneng. Hopola, litšiea tsa grid li lokela ho fihla ho leshome le metso e 'meli bakeng sa boloko bo le bong bo otlolohileng. Ho feta moo, 'me likholomo li qala ho bokellana ho sa tsotelehe sebaka sa pono.
Litšiea tse peli
Fumana litšiea tse peli ho qala ho li-desktops le ho ea ho li-desktops tse kholo .
Bophara bo felletseng, kholomo e le 'ngoe
Ha ho litlelase tsa grid tse hlokahalang bakeng sa likarolo tse felletseng.
Litšiea tse peli tse nang le litšiea tse peli
Ho ea ka litokomane, ho haha sehlaha ho bonolo - beha feela mela e mengata ka har'a kholomo e teng. Sena se u fa likholomo tse peli ho qala ho li-desktops le ho hola ho li-desktops tse kholo , ka tse ling tse peli (bophara bo lekanang) ka har'a kholomo e kholoanyane.
Ka boholo ba lisebelisoa tsa mohala, matlapa le tlase, litšiea tsena le litšiea tsa tsona tse behiloeng li tla bokellana.
E kopantsoe: mobile le desktop
Sistimi ea grid ea Bootstrap v4 e na le mekhahlelo e mehlano ea litlelase: xs (e nyane haholo, infix ea sehlopha sena ha e sebelisoe), sm (e nyane), md (bohareng), lg (e kholo), le xl (e kholo haholo). U ka sebelisa hoo e batlang e le motsoako ofe kapa ofe oa lihlopha tsena ho theha meralo e matla le e feto-fetohang.
Sehlopha se seng le se seng sa lihlopha sea phahama, ho bolelang hore haeba u rera ho beha bophara bo lekanang bakeng sa md, lg le xl, o hloka feela ho hlakisa md.
Li kopane: mobile, tablet, le desktop
Lithako
Ka .gx-*
lihlopha, li-gutters tse rapameng li ka fetoloa.
.col
e nang le
.gx-4
lithapo
.col
e nang le
.gx-4
lithapo
.col
e nang le
.gx-4
lithapo
.col
e nang le
.gx-4
lithapo
.col
e nang le
.gx-4
lithapo
.col
e nang le
.gx-4
lithapo
Sebelisa .gy-*
litlelase ho laola li-gutter tse emeng.
.col
e nang le
.gy-4
lithapo
.col
e nang le
.gy-4
lithapo
.col
e nang le
.gy-4
lithapo
.col
e nang le
.gy-4
lithapo
.col
e nang le
.gy-4
lithapo
.col
e nang le
.gy-4
lithapo
Ka .g-*
lihlopha, li-gutters ka mahlakoreng ka bobeli li ka fetoloa.
.col
e nang le
.g-3
lithapo
.col
e nang le
.g-3
lithapo
.col
e nang le
.g-3
lithapo
.col
e nang le
.g-3
lithapo
.col
e nang le
.g-3
lithapo
.col
e nang le
.g-3
lithapo
Lijana
Litlelase tse ling tse kenyellelitsoeng ho Bootstrap v4.4 li lumella lijana tse bophara ba 100% ho fihlela sebaka se itseng. v5 e eketsa ntlha e ncha xxl
.