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