Misalai na grid Bootstrap

Tsarin grid na asali don fahimtar da ku game da gini a cikin tsarin grid na Bootstrap.

ginshiƙai guda uku daidai

Samu ginshiƙai masu faɗi daidai guda uku suna farawa daga kwamfutoci da sikeli zuwa manyan kwamfutoci . A kan na'urorin hannu, allunan da ƙasa, ginshiƙan za su tara ta atomatik.

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

ginshiƙai uku marasa daidaituwa

Samo ginshiƙai guda uku waɗanda ke farawa daga tebur da kuma yin sikeli zuwa manyan kwamfutoci masu faɗi daban-daban. Ka tuna, ginshiƙan grid yakamata su ƙara har zuwa goma sha biyu don toshe ɗaya a kwance. Fiye da haka, kuma ginshiƙai suna fara tarawa komai wurin kallo.

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

ginshiƙai biyu

Samu ginshiƙai guda biyu suna farawa daga tebur kuma suna yin sikeli zuwa manyan kwamfutoci .

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

Cikakken faɗi, ginshiƙi ɗaya

Babu azuzuwan grid da ya zama dole don abubuwa masu faɗin cikakkun bayanai.

ginshiƙai biyu tare da ginshiƙai guda biyu

Bisa ga takardun, gida yana da sauƙi-kawai sanya jere na ginshiƙai a cikin ginshiƙi mai wanzuwa. Wannan yana ba ku ginshiƙai guda biyu waɗanda ke farawa daga kwamfutoci da ƙira zuwa manyan kwamfutoci , tare da wani biyu (daidai nisa) a cikin babban ginshiƙi.

A girman na'urar hannu, allunan da ƙasa, waɗannan ginshiƙai da ginshiƙansu za su tara.

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

Mixed: wayar hannu da tebur

Tsarin grid na Bootstrap 3 yana da matakai huɗu na azuzuwa: xs (wayoyi), sm ( tablets), md ( tebur), da lg (manyan kwamfutoci). Kuna iya amfani da kusan kowane haɗuwa na waɗannan azuzuwan don ƙirƙirar ƙarin shimfidu masu ƙarfi da sassauƙa.

Kowane matakin azuzuwan yana haɓaka sama, ma'ana idan kun shirya saita faɗin faɗin xs da sm, kawai kuna buƙatar saka 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
.kol-xs-6
.kol-xs-6

Mixed: wayar hannu, kwamfutar hannu, da tebur

.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

Share ginshiƙi

Share faɗuwar ruwa a takamaiman wuraren karyewa don hana rufewa da abun ciki mara daidaituwa.

.col-xs-6 .col-sm-3
Maimaita girman kallon ku ko duba shi akan wayarku misali.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Ragewa, turawa, da ja sake saiti

Sake saita biya, turawa, da ja a takamaiman wuraren karya.

.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