Utilities foar yndieling

Foar rapper mobylfreonlike en reageare ûntwikkeling omfettet Bootstrap tsientallen nutklassen foar it toanen, ferbergjen, ôfstimmen en ôfstân fan ynhâld.

Feroarjedisplay

Brûk ús display-hulpprogramma's foar responsyf wikseljen fan mienskiplike wearden fan it displaypân. Mix it mei ús rastersysteem, ynhâld of komponinten om se te sjen of te ferbergjen oer spesifike viewports.

Flexbox opsjes

Bootstrap 4 is boud mei flexbox, mar net elk elemint displayis feroare yn, display: flexom't dit in protte ûnnedige oerskriuwings soe tafoegje en ûnferwachts wichtige browsergedrach feroarje. De measte fan ús komponinten binne boud mei flexbox ynskeakele.

Mochten jo moatte tafoegje display: flexoan in elemint, doch dat mei .d-flexof ien fan de responsive farianten (bgl. .d-sm-flex). Jo sille dizze klasse of displaywearde nedich wêze om it gebrûk fan ús ekstra flexbox-hulpprogramma's ta te stean foar maat, ôfstimming, ôfstân, en mear.

Marge en padding

Brûk de helpprogramma's marginen padding spacing om te kontrolearjen hoe't eleminten en komponinten op ôfstân en grutte binne. Bootstrap 4 omfettet in skaal op fiif nivo's foar spacing nutsbedriuwen, basearre op in 1remwearde standert $spacerfariabele. Kies wearden foar alle viewports (bygelyks .mr-3foar margin-right: 1rem), of kies responsive farianten om spesifike viewports te rjochtsjen (bygelyks .mr-md-3om te margin-right: 1rembegjinnen by it mdbrekpunt).

Togglevisibility

As displaywikseljen net nedich is, kinne jo de visibilityfan in elemint wikselje mei ús sichtberens . Unsichtbere eleminten sille noch altyd ynfloed hawwe op de yndieling fan 'e side, mar binne visueel ferburgen foar besikers.