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 display
pân. Mix it mei ús rastersysteem, ynhâld of komponinten om se te sjen of te ferbergjen oer spesifike viewports.
Flexbox opsjes
Bootstrap is boud mei flexbox, mar net elk elemint display
is feroare nei display: flex
, om't dit in protte ûnnedige oerienkomsten 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.
Marge en padding
Brûk de helpprogramma's margin
en padding
spacing om te kontrolearjen hoe't eleminten en komponinten op ôfstân en grutte binne. Bootstrap omfettet in skaal op seis nivo's foar spacing-nutsbedriuwen, basearre op in 1rem
standertfariabele foar wearde $spacer
. Kies wearden foar alle werjefteporten (bygelyks .me-3
foar margin-right: 1rem
yn LTR), of kies responsive farianten om spesifike viewports te rjochtsjen (bygelyks .me-md-3
foar margin-right: 1rem
—yn LTR— begjinnend by it md
brekpunt).
Togglevisibility
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.