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 cuadrícula Bootstrap v4 oguereko po nivel clase rehegua: xs (michĩeterei, ndojeporúi ko infix clase rehegua), sm (michĩ), md (mbytegua), lg (tuichaiterei), 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 md, lg ha xl-pe g̃uarã, tekotevẽ remombeꞌu md añoite.

.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-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

Mba’yrukuéra

Umi clase adicional oñembojoapýva Bootstrap v4.4-pe oheja umi mbaꞌeryru oguerekóva 100% ipypuku peteĩ punto de ruptura particular peve.

.mba’yru rehegua
.mba’yru-sm
.mba’yru-md rehegua
.mba’yru-lg rehegua
.mba’yru-xl rehegua
.mba’yru-líquido rehegua