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 bɛ jɔ ni flexbox ye, nka element's display
bɛɛ ma Changé ka kɛ display: flex
bawo o bɛna override caman fara a kan minnu tɛ mako ɲɛ ani ka key browser kɛcogo caman Changer k'a sɔrɔ u ma kɔnɔnafili. An ka yɔrɔ fanba bɛ jɔ ni flexbox enabled ye.
Ni aw ka kan ka dɔ fara display: flex
fɛn dɔ kan, aw bɛ o kɛ ni .d-flex
jaabi suguya dɔw ye walima u dɔ la kelen (misali la, .d-sm-flex
). I mago bɛna kɛ nin kalasi walima display
nafa 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 margin
and padding
spacing utilities ye walasa ka fɛnw ni yɔrɔw bɛ danfara ni u bonya cogo kɔlɔsi. Bootstrap kɔnɔ, sɛgɛsɛgɛli kɛcogo wɔɔrɔ bɛ yen minnu bɛ se ka kɛ sababu ye ka yɔrɔjan nafalanw sɔrɔ, ka da 1rem
nafa dafalen $spacer
sɛgɛsɛgɛli kan. Nafaw sugandi filɛlikɛlanw bɛɛ kama (misali la, .me-3
LTR margin-right: 1rem
kɔnɔ), walima jaabi caman sugandi walasa ka filɛlikɛlan kɛrɛnkɛrɛnnenw laɲini (misali la, .me-md-3
—LTR margin-right: 1rem
kɔnɔ— ka daminɛ md
kariyɔrɔ la).
Toggle (Tɔgɔtɔgɔnin).visibility
Ni toggling display
tɛ mago ɲɛ, i bɛ se ka toggle the visibility
of 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 ɲɛ.