Ngwa maka okirikiri nhọrọ ukwuu
Maka mmepe enyi na enyi na-anabata ekwentị ngwa ngwa, Bootstrap gụnyere ọtụtụ klaasị bara uru maka igosi, izobe, nhazi na ọdịnaya ohere.
Jiri akụrụngwa ngosi anyị maka ịzaghachi ụkpụrụ nkịtị nke akụrụngwa display
. Gwakọta ya na sistemụ grid anyị, ọdịnaya, ma ọ bụ akụrụngwa iji gosi ma ọ bụ zoo ha n'ofe ebe nlele.
Ejiri flexbox rụọ Bootstrap 4, mana ọ bụghị ihe ọ bụla display
ka agbanwere display: flex
ka nke a ga-agbakwunye ọtụtụ nkwụsị na-enweghị isi wee gbanwee omume ihe nchọgharị na-atụghị anya ya. Ejiri flexbox rụọ ọtụtụ akụrụngwa anyị .
Ọ bụrụ na ịchọrọ ịgbakwunye display: flex
na mmewere, mee ya na .d-flex
ma ọ bụ otu n'ime ụdị dị iche iche na-anabata (dịka, .d-sm-flex
). Ị ga-achọ klaasị ma ọ bụ display
uru a iji kwe ka ojiji nke ngwa flexbox anyị maka nha, nhazi, oghere, na ndị ọzọ.
Jiri ngwa margin
na padding
ohere ohere jikwaa ka ihe na ihe mejupụtara na-ekewa na nha. Bootstrap 4 gụnyere ọkwa ọkwa ise maka ọrụ ohere ohere, dabere na mgbanwe 1rem
ndabara uru $spacer
. Họrọ ụkpụrụ maka nlegharị anya niile (dịka ọmụmaatụ, .mr-3
maka margin-right: 1rem
), ma ọ bụ họrọ ụdị dị iche iche na-anabata iji lekwasịrị anya nlegharị anya kpọmkwem (dịka, .mr-md-3
maka margin-right: 1rem
ibido n'ebe md
nkwụsịtụ).
Mgbe mkpagharị display
adịghị mkpa, ị nwere ike iji ngwa visibilitivisibility
anyị gbanwee ihe mmewere . Ihe ndị a na-adịghị ahụ anya ka ga-emetụta nhazi nke ibe ahụ, mana ezoro ezo n'anya ndị ọbịa.