Saltar al contenido principal Salta a docs navegación
Check
in English

Utilidades para layout

Aswan utqaylla kuyuchina-amigo chaymanta kutichiq wiñachiypaq, Bootstrap chunkakuna yanapakuy clasekuna rikuchiypaq, pakaypaq, chiqanchaypaq chaymanta espaciado contenidota churan.

Cambiodisplay

Qhawachiy yanapakuyniyku llamk'achiy kutichiypaq común chaninkuna displaypropiedad kaqmanta tikraypaq. Chayta chaqruy sistemaykuwan rejilla, contenido utaq componentes kaqwan rikuchinapaq utaq pakanapaq sapanchasqa qhawanakuna ukhupi.

Flexbox nisqa akllanakuna

Bootstrap flexbox kaqwan ruwasqa, ichaqa mana sapa elemento displaykaqmantachu tikrasqa kachkan display: fleximaynachus kay achka mana necesario llalliykunata yapanman chaymanta mana suyasqa llave maskaq ruwaykunata tikranman. Yaqa llapan componenteyku flexbox atichisqawan ruwasqa kanku.

display: flexSichus huk elementoman yapanayki tiyan, chayta ruway .d-flexutaq huknin kutichiq variantekunawan (kayhina, .d-sm-flex). Kay clase utaq displaychanin necesitanki permitir llamk'ayta ñuqaykupa extra flexbox yanapakuyniykumanta sayaypaq , chiqanchay, espaciamiento chaymanta aswan.

Margen y acolchado

marginchaymanta padding espaciamiento yanapakuykunata llamk'achiy imayna elementokuna chaymanta componentekuna espaciasqa chaymanta sayayniyuq kasqankuta kamachinapaq. Bootstrap huk suqta pata escalata churan espaciamiento yanapakuykunapaq, huk 1remchanin ñawpaqmanta $spacertikraq kaqpi. Llapa qhawaypaq chanikunata akllay (kayhina, LTR kaqpi .me-3kaqpaq margin-right: 1rem), utaq kutichiq variantes akllay sapanchasqa qhawanakuna maskanapaq (kayhina, .me-md-3kaqpaq margin-right: 1rem—LTR kaqpi— p'akiymanta qallarispa md).

Toggle nisqavisibility

Mayk'aq tikray mana necesitakunchu, huk elementomanta displaytikrayta atikunki rikuy yanapakuyniykuwan . Mana rikukuq elementokunaqa p'anqap churaynintam afectanqaraq, ichataq watukuqkunamanta qhawaypi pakasqam.visibility