Ugrás a fő tartalomhoz Ugrás a dokumentumok navigációjához
Check
in English

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 flexbox-szal épül fel, de nem minden elemet displaymódosítottak, display: flexmivel 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 hatszintű 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ékeket az összes nézetablakhoz (pl. .me-3az margin-right: 1remLTR-hez), vagy válasszon reszponzív változatokat az adott nézetablakok megcélzásához (pl. .me-md-3az margin-right: 1rem—LTR-hez— a mdtörésponttól kezdve).

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.