Source

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 4 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 4 huk pichqa pata escalata churan espaciamiento yanapakuykunapaq, huk 1remchanin ñawpaqmanta $spacertikraq kaqpi. Llapan qhawaypaq chanikunata akllay (kayhina, .mr-3) margin-right: 1rem, utaq kutichiq rikch'aqkunata akllay sapanchasqa qhawanakuna maskanapaq (kayhina, p'akiypi .mr-md-3qallariypaq margin-right: 1rem) 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