Hulpprogramme vir uitleg
Vir vinniger mobiele-vriendelike en responsiewe ontwikkeling, bevat Bootstrap dosyne nutsklasse vir die wys, versteek, belyning en spasiëring van inhoud.
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.
Bootstrap 4 is gebou met flexbox, maar nie na elke element s'n display
is 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.
Gebruik die margin
en padding
spasiëring nutsprogramme om te beheer hoe elemente en komponente gespasieer en grootte is. Bootstrap 4 bevat 'n vyf-vlak skaal vir spasiëring nuts, gebaseer op 'n 1rem
waarde verstek $spacer
veranderlike. Kies waardes vir alle kykpoorte (bv. .mr-3
vir margin-right: 1rem
), of kies responsiewe variante om spesifieke kykpoorte te teiken (bv. .mr-md-3
om margin-right: 1rem
by die md
breekpunt te begin).
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