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 display
propiedad kaqmanta tikraypaq. Chayta chaqruy sistemaykuwan rejilla, contenido utaq componentes kaqwan rikuchinapaq utaq pakanapaq sapanchasqa qhawanakuna ukhupi.
Flexbox nisqa akllanakuna
Bootstrap 4 flexbox kaqwan ruwasqa, ichaqa mana sapa elemento display
kaqmantachu tikrasqa kachkan display: flex
imaynachus kay achka mana necesario llalliykunata yapanman chaymanta mana suyasqa llave maskaq ruwaykunata tikranman. Yaqa llapan componenteyku flexbox atichisqawan ruwasqa kanku.
display: flex
Sichus huk elementoman yapanayki tiyan, chayta ruway .d-flex
utaq huknin kutichiq variantekunawan (kayhina, .d-sm-flex
). Kay clase utaq display
chanin necesitanki permitir llamk'ayta ñuqaykupa extra flexbox yanapakuyniykumanta sayaypaq , chiqanchay, espaciamiento chaymanta aswan.
Margen y acolchado
margin
chaymanta padding
espaciamiento yanapakuykunata llamk'achiy imayna elementokuna chaymanta componentekuna espaciasqa chaymanta sayayniyuq kasqankuta kamachinapaq. Bootstrap 4 huk pichqa pata escalata churan espaciamiento yanapakuykunapaq, huk 1rem
chanin ñawpaqmanta $spacer
tikraq kaqpi. Llapan qhawaypaq chanikunata akllay (kayhina, .mr-3
) margin-right: 1rem
, utaq kutichiq rikch'aqkunata akllay sapanchasqa qhawanakuna maskanapaq (kayhina, p'akiypi .mr-md-3
qallariypaq margin-right: 1rem
) md
.
Toggle nisqavisibility
Mayk'aq tikray mana necesitakunchu, huk elementomanta display
tikrayta atikunki rikuy yanapakuyniykuwan . Mana rikukuq elementokunaqa p'anqap churaynintam afectanqaraq, ichataq watukuqkunamanta qhawaypi pakasqam.visibility