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 it 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 werjefteporten.

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.