Yutiliti fɔ layout
Fɔ mek yu ebul fɔ divɛlɔp am kwik kwik wan ɛn we go ɛp yu fɔ ansa, Bootstrap gɛt bɔku bɔku yutiliti klas dɛn fɔ sho, ayd, alaynɛd, ɛn spɛshal tin dɛn.
Yuz wi displei yutiliti fɔ rispɔnsivli toggling kɔmɔn valyu dɛn fɔ di display
prɔpati. Miks am wit wi grid sistem, kɔntinyu, ɔ kɔmpɔnɛnt dɛn fɔ sho ɔ ayd dɛn akɔdin to sɔm patikyula viupɔt dɛn.
Bootstrap 4 na bil wit flexbox, bɔt nɔto ɔl ɛlimɛnt in display
dɛn dɔn chenj to display: flex
as dis go ad bɔku ɔvarayd dɛn we nɔ nid ɛn chenj di ki brawza bihayvya dɛn we yu nɔ bin de ɛkspɛkt. Mɔs pan wi kɔmpɔnɛnt dɛn bil wit flexbox we dɛn dɔn ɛnabul.
If yu nid fɔ ad display: flex
to wan ɛlimɛnt, du am wit .d-flex
ɔ wan pan di rispɔnsiv vayriɔnt dɛn (ɛgz., .d-sm-flex
). Yu go nid dis klas ɔ display
valyu fɔ alaw fɔ yuz wi ɛkstra fleksbɔks yutiliti fɔ sayz, alaynɛshɔn, spɛshal, ɛn ɔda tin dɛn.
Yuz di margin
ɛn padding
spays yutiliti fɔ kɔntrol aw di ɛlimɛnt ɛn kɔmpɔnɛnt dɛn spɛshal ɛn saiz. Bootstrap 4 inklud wan fayv-lɛvɛl skel fɔ spɛshal yutiliti dɛn, bays pan wan 1rem
valyu difɔlt $spacer
vɛriɔbul. Pik valyu fɔ ɔl di viupɔt dɛn (ɛgz., .mr-3
fɔ margin-right: 1rem
), ɔ pik rispɔnsiv vayriɔnt dɛn fɔ tɔch spɛshal viupɔt dɛn (ɛgz., .mr-md-3
fɔ margin-right: 1rem
stat na di md
brekpɔynt).
We display
yu nɔ nid fɔ tɔgl, yu kin tɔgl di visibility
ɔf wan ɛlimɛnt wit wi visibiliti yutiliti dɛn . Di tin dɛn we yu nɔ de si go stil afɛkt di we aw dɛn mek di pej, bɔt dɛn kin ayd dɛn wit di we aw pipul dɛn nɔ go si am.