Hulpprogramme vir uitleg
Vir vinniger mobiele-vriendelike en responsiewe ontwikkeling, bevat Bootstrap dosyne nutsklasse vir die wys, versteek, belyning en spasiëring van inhoud.
Veranderdisplay
Gebruik ons vertoningshulpmiddels om die algemene waardes van die display
eiendom reageerend te verander. Meng dit met ons roosterstelsel, inhoud of komponente om dit oor spesifieke kykpoorte te wys of te versteek.
Flexbox opsies
Bootstrap is gebou met flexbox, maar daar is nie na elke element s'n display
verander nie, display: flex
want dit sal baie onnodige oorskrywings byvoeg en sleutelblaaiergedrag onverwags verander. Die meeste van ons komponente is gebou met flexbox geaktiveer.
As jy ' display: flex
n element moet byvoeg, doen dit met .d-flex
of een van die responsiewe variante (bv. .d-sm-flex
). Jy sal hierdie klas of display
waarde nodig hê om die gebruik van ons ekstra flexbox-hulpmiddels vir grootte, belyning, spasiëring en meer moontlik te maak.
Marge en vulling
Gebruik die margin
en padding
spasiëring nutsprogramme om te beheer hoe elemente en komponente gespasieer en grootte is. Bootstrap bevat 'n ses-vlak skaal vir spasiëring nuts, gebaseer op 'n 1rem
waarde verstek $spacer
veranderlike. Kies waardes vir alle kykpoorte (bv. .me-3
vir margin-right: 1rem
in LTR), of kies responsiewe variante om spesifieke kykpoorte te teiken (bv. .me-md-3
vir margin-right: 1rem
—in LTR— vanaf die md
breekpunt).
Wisselvisibility
Wanneer wisseling nie nodig is nie, kan jy die van 'n element display
wissel met ons sigbaarheidshulpprogramme . Onsigbare elemente sal steeds die uitleg van die bladsy beïnvloed, maar word visueel vir besoekers versteek.visibility