Utilities foar yndieling
Foar rapper mobylfreonlike en reageare ûntwikkeling omfettet Bootstrap tsientallen nutklassen foar it toanen, ferbergjen, ôfstimmen en ôfstân fan ynhâld.
Brûk ús display-hulpprogramma's foar responsyf wikseljen fan mienskiplike wearden fan it display
pân. Mix it mei ús rastersysteem, ynhâld of komponinten om se te sjen of te ferbergjen oer spesifike viewports.
Bootstrap 4 is boud mei flexbox, mar net elk elemint display
is feroare yn, display: flex
om'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: flex
oan in elemint, doch dat mei .d-flex
of ien fan de responsive farianten (bgl. .d-sm-flex
). Jo sille dizze klasse of display
wearde nedich wêze om it gebrûk fan ús ekstra flexbox-hulpprogramma's ta te stean foar maat, ôfstimming, ôfstân, en mear.
Brûk de helpprogramma's margin
en 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 1rem
wearde standert $spacer
fariabele. Kies wearden foar alle viewports (bygelyks .mr-3
foar margin-right: 1rem
), of kies responsive farianten om spesifike viewports te rjochtsjen (bygelyks .mr-md-3
om te margin-right: 1rem
begjinnen by it md
brekpunt).
As display
wikseljen net nedich is, kinne jo de visibility
fan 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.