Segédprogramok az elrendezéshez

A gyorsabb mobilbarát és reszponzív fejlesztés érdekében a Bootstrap több tucat segédprogram-osztályt tartalmaz a tartalom megjelenítéséhez, elrejtéséhez, igazításához és térközökhöz.

Változásdisplay

Használja megjelenítési segédprogramjainkat az displayingatlan közös értékeinek érzékeny váltásához. Keverje össze rácsrendszerünkkel, tartalommal vagy komponenseinkkel, hogy megjelenítse vagy elrejtse őket bizonyos nézetablakban.

Flexbox opciók

A Bootstrap 4 flexbox-szal épül fel, de nem minden elemet displaymódosítottak, display: flexmert ez sok szükségtelen felülírással járna, és váratlanul megváltoztatná a böngésző kulcsfontosságú viselkedését. A legtöbb alkatrészünk flexbox-kompatibilis.

Ha hozzá kell adnia display: flexegy elemet, tegye azt a .d-flexvagy valamelyik reszponzív változattal (pl. .d-sm-flex). Szüksége lesz erre az osztályra vagy displayértékre, hogy engedélyezze extra flexbox segédprogramjainkat a méretezéshez, igazításhoz, térközökhöz és egyebekhez.

Margó és padding

Használja a marginés a padding spacing segédprogramokat az elemek és alkatrészek térközének és méretének szabályozására. A Bootstrap 4 ötszintű skálát tartalmaz a segédprogramok térközelítéséhez, amely egy 1remalapértelmezett értékváltozón alapul $spacer. Válasszon értéket az összes nézetablakhoz (pl. .mr-3a számára margin-right: 1rem), vagy válasszon reszponzív változatokat az adott nézetablakok megcélzásához (pl . .mr-md-3a törésponttól való kezdéshez) margin-right: 1rem.md

Váltásvisibility

Ha displaynincs szükség váltásra, átkapcsolhatja visibilityegy elemet a láthatósági segédprogramunkkal . A láthatatlan elemek továbbra is befolyásolják az oldal elrendezését, de vizuálisan el vannak rejtve a látogatók elől.