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 display
ingatlan 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 flexbox-szal épül fel, de nem minden elemet display
módosítottak, display: flex
mivel 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: flex
egy elemet, tegye azt a .d-flex
vagy 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 hatszintű skálát tartalmaz a segédprogramok térközelítéséhez, amely egy 1rem
alapértelmezett értékváltozón alapul $spacer
. Válasszon értékeket az összes nézetablakhoz (pl. .me-3
az margin-right: 1rem
LTR-hez), vagy válasszon reszponzív változatokat az adott nézetablakok megcélzásához (pl. .me-md-3
az margin-right: 1rem
—LTR-hez— a md
törésponttól kezdve).
Váltásvisibility
Ha display
nincs szükség váltásra, átkapcsolhatja visibility
egy 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.