Source

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.

We de chenjdisplay

Yuz wi displei yutiliti fɔ rispɔnsivli toggling kɔmɔn valyu dɛn fɔ di displayprɔ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.

Fleksbɔks opshɔn dɛn

Bootstrap 4 na bil wit flexbox, bɔt nɔto ɔl ɛlimɛnt in displaydɛn dɔn chenj to display: flexas 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: flexto 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 ɔ displayvalyu fɔ alaw fɔ yuz wi ɛkstra fleksbɔks yutiliti fɔ sayz, alaynɛshɔn, spɛshal, ɛn ɔda tin dɛn.

Margin ɛn padding

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 1remvalyu difɔlt $spacervɛriɔbul. Pik valyu fɔ ɔl di viupɔt dɛn (ɛgz., .mr-3margin-right: 1rem), ɔ pik rispɔnsiv vayriɔnt dɛn fɔ tɔch spɛshal viupɔt dɛn (ɛgz., .mr-md-3margin-right: 1remstat na di mdbrekpɔynt).

Toggle fɔ di wan dɛn we devisibility

We displayyu 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.