Ohatra amin'ny grid bootstrap

Fandrafetana rindran-damina fototra mba hahafantaranao ny fananganana ao anatin'ny rafitra grid Bootstrap.

Andry telo mitovy

Mahazoa tsanganana telo mitovy sakan'ny manomboka amin'ny birao ary afindrao amin'ny birao lehibe . Amin'ny fitaovana finday, takelaka ary ambany, ny tsanganana dia hitambatra ho azy.

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

Andry telo tsy mitovy

Mahazoa tsanganana telo manomboka amin'ny birao ary manaova scaling amin'ny birao lehibe amin'ny sakany isan-karazany. Tsarovy fa ny tsanganana grid dia tokony hanampy hatramin'ny roa ambin'ny folo ho an'ny sakana marindrano iray. Mihoatra noho izany, ary ny tsanganana manomboka stacking na inona na inona viewport.

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

Andry roa

Mahazoa tsanganana roa manomboka amin'ny birao ary afindrao amin'ny birao lehibe .

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

Feno sakany, tsanganana tokana

Tsy misy kilasy grid ilaina ho an'ny singa feno sakany.

Andry roa misy andry roa misy akany

Araka ny antontan-taratasy dia mora ny manao akany—apetraho fotsiny ny andalana misy tsanganana ao anaty tsanganana efa misy. Izany dia manome anao tsanganana roa manomboka eo amin'ny birao sy ny scaling amin'ny birao lehibe , miaraka amin'ny roa hafa (mitovy sakany) ao anatin'ny tsanganana lehibe kokoa.

Amin'ny haben'ny fitaovana finday, takelaka ary ambany, ireo tsanganana ireo sy ny tsanganana misy akany dia hitambatra.

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

Mifangaro: finday sy desktop

Ny rafitra grid Bootstrap 3 dia manana kilasy efatra: xs (telefaonina), sm (tablettes), md (desktops), ary lg (desktops lehibe kokoa). Azonao atao ny mampiasa saika ny fitambaran'ireo kilasy ireo mba hamoronana drafitra mavitrika sy mora kokoa.

Ny ambaratonga tsirairay amin'ny kilasy dia miakatra, midika izany fa raha mikasa ny hametraka ny sakany mitovy amin'ny xs sy sm ianao, dia mila manondro xs fotsiny ianao.

.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

Mifangaro: finday, tablette ary desktop

.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

Famafana tsanganana

Fadio ny mitsingevana amin'ny toerana tapaka manokana mba hisorohana ny famonosana tsy mety amin'ny votoaty tsy mitovy.

.col-xs-6 .col-sm-3 Ovao ny haben'ny toerana misy
anao na jereo amin'ny findainao ho ohatra.
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3
.col-xs-6 .col-sm-3

Offset, manosika, ary misintona reset

Avereno indray ny offset, manosika ary misintona amin'ny toerana fiatoana manokana.

.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