Tusaalooyinka xajinta bootstrap

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

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, tiirarkuna 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 geli saf safaf ah gudaha tiir jira. Tani waxay ku siinaysaa laba tiir oo ka bilaabma 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 3 wuxuu leeyahay afar heerar oo fasalo ah: xs (telefoonada), sm ( tablets), md (miisaanka), iyo lg (kombiyuutarada waaweyn). 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-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

Isku dhafan: mobilada, tablet-ka, iyo miiska

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

Nadiifinta tiirka

Nadiifi sabbooyinku meelaha jaban ee gaarka ah si aad uga hortagto duuduubka xun ee leh waxyaabo aan sinnayn.

.col-xs-6 .col-sm-3
Wax ka beddel aragtidaada ama ka eeg talefankaaga tusaale ahaan.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Deji, riix, oo dib u dajinta

Dib u dajin, riixid, oo jiid meelaha jaban ee gaarka ah.

.col-sm-5 .col-md-6
.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
.col-sm-6 .col-md-5 .col-lg-6
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0