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 displayeiendom reageerend te verander. Meng dit met ons roosterstelsel, inhoud of komponente om dit oor spesifieke kykpoorte te wys of te versteek.

Flexbox opsies

Bootstrap 4 is gebou met flexbox, maar nie na elke element s'n displayis verander nie, display: flexwant dit sal baie onnodige oorskrywings byvoeg en sleutelblaaiergedrag onverwags verander. Die meeste van ons komponente is gebou met flexbox geaktiveer.

As jy ' display: flexn element moet byvoeg, doen dit met .d-flexof een van die responsiewe variante (bv. .d-sm-flex). Jy sal hierdie klas of displaywaarde 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 marginen 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 1remwaarde verstek $spacerveranderlike. Kies waardes vir alle kykpoorte (bv. .mr-3vir margin-right: 1rem), of kies responsiewe variante om spesifieke kykpoorte te teiken (bv. .mr-md-3om margin-right: 1remby die mdbreekpunt te begin).

Wisselvisibility

Wanneer wisseling nie nodig is nie, kan jy die van 'n element displaywissel met ons sigbaarheidshulpprogramme . Onsigbare elemente sal steeds die uitleg van die bladsy beïnvloed, maar word visueel vir besoekers versteek.visibility