Намунаҳои grid bootstrap

Тарҳҳои асосии шабака барои шиносоӣ бо сохтмон дар дохили системаи шабакаи Bootstrap.

Се сутуни баробар

Се сутуни паҳнои баробарро аз мизи корӣ оғоз кунед ва миқёс ба мизи кории калон гиред . Дар дастгоҳҳои мобилӣ, планшетҳо ва дар поён, сутунҳо ба таври худкор ҷамъ мешаванд.

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

Се сутуни нобаробар

Се сутунро аз мизи корӣ оғоз кунед ва миқёси мизи кории калони паҳнои гуногун гиред. Дар хотир доред, ки сутунҳои шабакавӣ бояд барои як блоки уфуқӣ то дувоздаҳ илова кунанд. Бештар аз ин, ва сутунҳо новобаста аз намоишгоҳ ба stacking оғоз мекунанд.

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

Ду сутун

Ду сутунро аз мизи корӣ оғоз кунед ва миқёс ба мизи кории калон гиред .

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

Бари пурра, сутуни ягона

Барои унсурҳои пурраи васеъ ягон синфҳои шабакавӣ лозим нест.

Ду сутун бо ду сутуни лона

Тибқи ҳуҷҷатҳо, лона гузоштан осон аст - танҳо як қатор сутунҳоро дар дохили сутуни мавҷуда ҷойгир кунед. Ин ба шумо ду сутун медиҳад, ки аз мизи корӣ сар карда, ба мизи кории калон мегузаранд ва ду сутуни дигар (барои баробар) дар дохили сутуни калонтар.

Дар андозаҳои дастгоҳи мобилӣ, планшетҳо ва поёнтар, ин сутунҳо ва сутунҳои лонаҳои онҳо ҷамъ мешаванд.

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

Омехта: мобилӣ ва мизи корӣ

Системаи шабакавии Bootstrap 3 дорои чор зинаи синфҳо мебошад: xs (телефонҳо), sm (планшетҳо), md (мизҳои корӣ) ва lg (мизи калонтар). Шумо метавонед қариб ҳама омезиши ин синфҳоро барои эҷоди тарҳҳои динамикӣ ва фасеҳ истифода баред.

Ҳар як зинаи синфҳо миқёси калон дорад, яъне агар шумо нақшаи муқаррар кардани паҳнои якхела барои xs ва sm дошта бошед, шумо танҳо бояд 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

Омехта: мобилӣ, планшет ва мизи корӣ

.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

Тозакунии сутун

Шиноварҳоро дар нуқтаҳои мушаххас тоза кунед, то аз печонидани заҳматталаб бо мундариҷаи нобаробар пешгирӣ кунед.

.col-xs-6 .col-sm-3 Андозаи намоиши
худро тағир диҳед ё онро дар телефони худ санҷед.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Бозсозӣ, тела додан ва кашидан

Аз нав танзимкунии ҷубронҳо, телаҳо ва кашиданҳоро дар нуқтаҳои мушаххас.

.col-sm-5 .col-md-6
.col-sm-5.col-sm-offset-2.col-md-6.col-md-offset-0
.кол-см-6 .кол-мд-5 .кол-лг-6
.col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0