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.
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ɔ.
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 minnu bɛ Kɛ ka bonya, ɲɔgɔndan, yɔrɔ janya, ani fɛn wɛrɛw Kɛ.
Baara kɛ ni marginani 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ɛyɔrɔ kɛrɛnkɛrɛnnenw laɲini (misali la, .mr-md-3ka margin-right: 1remdaminɛ mdkariyɔrɔ la).
Ni toggling displaytɛ mago ɲɛ, i bɛ se ka toggle visibilityof an element ni an ka visibility utilities . Fɛn minnu tɛ ye, olu bɛna nɔ bila hali bi ɲɛ in labɛncogo la, nka u bɛ dogo yecogo la taamakɛlaw ɲɛ.