Umi techapyrã rejilla bootstrap rehegua

Umi diseño básico cuadrícula rehegua reikuaa hag̃ua emopuꞌa hag̃ua sistema rejilla Bootstrap ryepýpe.

Pokõi nivel de rejilla rehegua

Oĩ po nivel sistema red Bootstrap-pe, peteĩva peteĩteĩva rango dispositivo-kuérape g̃uarã roipytyvõva. Káda nivel oñepyrũ peteĩ jehechaukaha tuichakue michĩvévape ha ojeporu ijeheguiete umi tembipuru tuichavévape ndojehejareíriramo.

.col-4 rehegua
.col-4 rehegua
.col-4 rehegua
.col-sm-4 rehegua
.col-sm-4 rehegua
.col-sm-4 rehegua
.col-md-4 rehegua
.col-md-4 rehegua
.col-md-4 rehegua
.col-lg-4 rehegua
.col-lg-4 rehegua
.col-lg-4 rehegua
.col-xl-4 rehegua
.col-xl-4 rehegua
.col-xl-4 rehegua

Mbohapy vore joja

Ehupyty mbohapy vore ipukukue joja oñepyrũvo escritorio-gui ha escala escritorio tuichávape . Umi dispositivo móvil, tableta ha iguýpe, umi columna oñembojoajúta ijeheguiete.

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

Mbohapy columna joja’ỹva

Ehupyty mbohapy vore oñepyrũva escritorio-gui ha escala escritorio tuichávape opaichagua ancho-pe. Ñanemanduꞌavaꞌerã, umi columna cuadrícula rehegua ombojoaju vaꞌerã doce peve peteĩ bloque horizontal-pe g̃uarã. Hetave upévagui, ha umi columna oñepyrũ oñemboguapy noimportái pe jehechaukaha.

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

Mokõi columna

Ehupyty mokõi vore oñepyrũva escritorio-gui ha escala escritorio tuichávape .

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

Ancho completo, columna peteĩva

Ndaipóri clase cuadrícula rehegua oñeikotevẽva umi elemento ancho completo-pe g̃uarã.

Mokõi vore oguerekóva mokõi vore oñembojoajúva

Por documentación, anidación ndahasýi —emoĩnte peteĩ vore vore peteĩ vore oĩmava ryepýpe. Kóva omeꞌe ndéve mokõi vore oñepyrũva escritorio-gui ha escalado escritorio tuichávape , ambue mokõi (ipypuku joja) ndive vore tuichavéva ryepýpe.

Umi dispositivo móvil tuichakue, tableta ha yvy gotyo, ko’ã columna ha ikolumna anidado oñembojoajúta.

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

Oñembojehe’a: móvil ha escritorio rehegua

Pe sistema cuadrícula Bootstrap v4 oguereko po nivel clase rehegua: xs (michĩeterei), sm (michĩvéva), md (mbytegua), lg (tuicha) ha xl (tuichaiterei). Ikatu reipuru haimete oimeraẽva ko’ã mbo’esyry ñembojoaju emoheñói hag̃ua diseño dinámico ha flexiblevéva.

Káda nivel clase rehegua oñembotuichave, heꞌiséva replanea ramo remohenda hag̃ua peteĩchagua ancho xs ha sm-pe g̃uarã, tekotevẽ remombeꞌu xs añoite.

.col-12 .col-md-8 rehegua
.col-6 .col-md-4 rehegua
.col-6 .col-md-4 rehegua
.col-6 .col-md-4 rehegua
.col-6 .col-md-4 rehegua
.col-6 rehegua
.col-6 rehegua

Oñembojehe’a: móvil, tableta ha escritorio

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