Ejemplos de rejilla de bootstrap

Sapsi rejilla churanakuna Bootstrap rejilla sistema ukhupi ruwayta riqsinaykipaq.

Kimsa kaqlla columnakuna

Kimsa kaqlla anchoyuq sapaqchasqa sapaqchasqakuna llamkanakunamanta qallarispa hatun qillqana wasikunaman hatunyachiyta hapiy . Dispositivos móviles kaqpi, tabletas kaqpi chaymanta uraypi, columnakuna kikillanmanta pilakunqa.

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

Kimsa mana kaqlla columnakuna

Kimsa columnakuna escritoriokunamanta qallarispa chaymanta imaymana anchoyuq hatun mesakunaman escalachiyta tariy. Yuyariy, rejilla columnakuna huk bloque horizontal nisqapaq chunka iskayniyuqkama yapakunan. Aswan chaymanta, chaymanta columnakuna pilata qallarinku mana ima qhaway punku kaptinpas.

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

Iskay columnakuna

Iskay sapaqchasqakunata llamk'ana wasikunamanta qallarispa hatun qillqana wasikunaman escalachiyta hap'iy .

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

Tukuy ancho, sapalla columna

Mana rejilla clasekuna hunt'a ancho elementokunapaq necesariochu.

Iskay sapaqchasqa sapaqchasqa sapaqchasqa iskay sapaqchasqa

Per documentación kaqpi, nido ruwayqa facilmi —huk kachkaq columna ukhupi huk fila columnakuna churaylla. Kayqa iskay sapaqchasqakunata qusunki mesakunapi qallarispa chaymanta hatun mesakunaman escalachiy , huk iskaywan (kikillan anchokunawan) aswan hatun sapaqchasqa ukhupi.

Dispositivo móvil sayaykunapi, tabletakunapi chaymanta uraypi, kay columnakuna chaymanta anidado columnakuna pilanqa.

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

Chaqrusqa: móvil y escritorio

Bootstrap 3 rejilla sistema tawa pata clasekunayuq: xs (telefonokuna), sm (tabletakuna), md (escritoriokuna), lg (aswan hatun escritoriokuna). Yaqa mayqin huñusqa kay clasekunamanta llamk'achiy atikunki aswan kallpasapa chaymanta flexible churanakuna ruwanapaq.

Sapa pata clasekuna escalan, niyta munan sichus planeanki kikin anchokuna churayta xs chaymanta sm kaqpaq, xs kaqllata riqsichinayki tiyan.

.col-xs-12 .col-md-8 nisqa
.col-xs-6 .col-md-4 nisqa
.col-xs-6 .col-md-4 nisqa
.col-xs-6 .col-md-4 nisqa
.col-xs-6 .col-md-4 nisqa
.col-xs-6 nisqa
.col-xs-6 nisqa

Chaqrusqa: móvil, tableta, y escritorio

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

Columnakuna chuyanchay

Ch'uya flotakuna específicos puntos de ruptura kaqpi hark'anapaq mana allin p'istukuna mana kaqlla contenido kaqwan.

.col-xs-6 .col-sm-3
Rikunaykipa sayayninta tikray utaq telefonoykipi qhaway huk ejemplopaq.
.col-xs-6 .col-sm-3 nisqa
.col-xs-6 .col-sm-3 nisqa
.col-xs-6 .col-sm-3 nisqa

Desplazamiento, tanqay, aysana resets nisqakuna

Desplazamientokunata, tanqaykunata, aysaykunata ima, wakin pakikuykunapi musuqmanta churay.

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