Nafamafɛnw ka ɲɛsin layout ma

Walasa ka mobili-teliya ani jaabi yiriwali teliya, Bootstrap kɔnɔ, nafama-kalanso tan ni caman bɛ yen minnu bɛ kɛ ka kunnafoniw jira, k’u dogo, k’u labɛn, ani k’u yɔrɔ janya.

Yɛlɛma donnadisplay

Baara kɛ ni an ka jiralan nafamafɛnw ye walasa ka jaabi di ka fɛnw nafaw ɲɔgɔn falen-falen display. Aw k’a ɲagami an ka grid system, kɔnɔkow, walima a yɔrɔw la walasa k’u jira walima k’u dogo filɛlikɛyɔrɔ kɛrɛnkɛrɛnnenw kɔnɔ.

Flexbox ka sugandiliw

Bootstrap 4 bɛ jɔ ni flexbox ye, nka fɛn bɛɛ displayma Changé ka Kɛ display: flexbari o bɛna 'kɔnɔnafili caman Fàra a kan minnu tɛ mako ɲɛ ani ka 'kùnnafoni-cimago-minɛnw kɛcogo caman Yɛlɛma k'a sɔrɔ u ma Laɲini. An ka yɔrɔ fanba bɛ jɔ ni flexbox enabled ye.

Ni aw ka kan ka dɔ fara display: flexfɛn dɔ kan, aw bɛ o kɛ ni .d-flexjaabi suguya dɔw ye walima u dɔ la kelen (misali la, .d-sm-flex). I mago bɛna kɛ nin kalasi walima displaynafa in na walasa ka sira Di an ka flexbox nafamafɛn wɛrɛw ma walasa ka bonya, ɲɔgɔndan, yɔrɔ janya, ani fɛn wɛrɛw.

Margin ani padding

Baara kɛ ni marginand padding spacing utilities ye walasa ka fɛnw ni yɔrɔw bɛ danfara ni u bonya cogo kɔlɔsi. Bootstrap 4 kɔnɔ, sɛgɛsɛgɛli duuru bɛ ​​sɔrɔ yɔrɔjan nafamafɛnw na, min sinsinnen bɛ 1remnafa dafalen $spacersɛgɛsɛgɛli kan. Nafaw sugandi filɛlifɛnw bɛɛ kama (misali la, .mr-3for margin-right: 1rem), walima ka jaabiw caman sugandi walasa ka filɛlikɛlan kɛrɛnkɛrɛnnenw laɲini (misali la, .mr-md-3ka margin-right: 1remdaminɛ mdkariyɔrɔ la).

Toggle (Yɛlɛma).visibility

Ni toggling displaytɛ mago ɲɛ, i bɛ se ka toggle the visibilityof an element ni an ka visibility utilities ye . Fɛn minnu tɛ ye, olu bɛna nɔ bila hali bi ɲɛ in labɛncogo la, nka u bɛ dogo yecogo la taamakɛlaw ɲɛ.