Tusaalooyinka xajinta bootstrap

Nashqadaynta shabakadaha aasaasiga ah si aad u barato dhismaha gudaha nidaamka xariijimaha Bootstrap.

Tusaalooyinkan .themed-grid-colfasalka waxaa lagu daraa tiirarka si loogu daro qaar ka mid ah mawduucyada. Kani maaha fasal si caadi ah loogu heli karo Bootstrap.

Shan heerar grid

Waxa jira shan heerar oo ah nidaamka grid Bootstrap, mid ka mid ah qalab kasta oo kala duwan oo aanu taageerno. Heer kastaa wuxuu ka bilaabmaa ugu yaraan cabbirka daawashada wuxuuna si toos ah u quseeyaa aaladaha waaweyn ilaa aan la dhaafin.

.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

Saddex tiir oo siman

Hel saddex tiir oo ballac siman oo ka bilaabma msktop-yada oo aad u miisaamayso msktop-yada waaweyn . Aaladaha moobilka, tablet-yada iyo kuwa ka hooseeya, tiirarka ayaa si toos ah u dul-saaran doona.

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

Saddex tiir oo aan sinnayn

Hel saddex tiir oo ka bilaabma msktop-yada oo aad miisaanto miisaska waaweyn ee ballacyada kala duwan leh. Xusuusnow, tiirarka xajmigu waa in ay ku daraan ilaa laba iyo toban goobood oo siman. In ka badan intaas, iyo tiirarku waxay bilaabaan is-dul-saarid iyada oo aan loo eegin meesha la eegayo.

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

Laba tiir

Soo hel laba tiir oo ka bilaabma msktop-yada oo aad u miisaamayso miisaska waaweyn .

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

Balaadh buuxa, tiir keliya

Ma jiro fasalo xajmiyeed ah oo lagama maarmaan u ah walxaha ballaca buuxa.


Laba tiir oo leh laba tiir oo buul leh

Sida ku cad dukumeenti, buul-ku-dhigiddu waa sahlan tahay-kaliya ku rid saf safaf ah gudaha tiir jira. Tani waxay ku siinaysaa laba tiir oo ka bilaabmaya msktop-yada oo aad u miisaamayso miisaska waaweyn , oo leh laba kale (ballac siman) oo ku dhex jira tiirka weyn.

Xajmiga aaladaha moobilka, tablet-yada iyo hoosba, tiirarkan iyo tiirarkooda buulka leh ayaa is dul fuuli doona.

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

Isku dhafan: mobilada iyo miiska

Nidaamka grid Bootstrap v4 wuxuu leeyahay shan heerar oo fasalo ah: xs (dheeraad ah), sm (yar), md (dhexdhexaad), lg (weyn), iyo xl (dheeraad ah). Waxaad isticmaali kartaa ku dhawaad ​​isku-dar kasta oo ka mid ah fasaladan si aad u abuurto qaabayn firfircoon oo dabacsan.

Heer kasta oo fasalo ah ayaa kor u kacaya, taasoo la macno ah haddii aad qorshaynayso inaad dejiso balac isku mid ah xs iyo sm, waxaad u baahan tahay oo kaliya inaad sheegto xs.

.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

Isku dhafan: mobilada, tablet-ka, iyo miiska

.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