Umi techapyrã rejilla bootstrap rehegua

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

Koꞌã techapyrãme .themed-grid-coloñembojoapy mboꞌepy umi vorekuérape oñembojoapy hag̃ua michĩmi temática. Kóva ndaha’éi peteĩ mbo’esyry ojeguerekóva Bootstrap-pe por defecto.

Pokõi nivel de rejilla rehegua

Oĩ po nivel sistema rejilla Bootstrap-pe, peteĩva peteĩteĩva rango tembipururã roipytyvõvape g̃uarã. 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ñeapila 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 kuatiañe’ẽ, 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 (ipekue 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 rejilla Bootstrap v4 oguereko po nivel clase rehegua: xs (michĩeterei), sm (michĩvéva), md (mbytegua), lg (tuichavéva) 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