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.

Na-agbanwedisplay

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.

Nhọrọ Flexbox

Ejiri flexbox rụọ Bootstrap 4, mana ọ bụghị ihe ọ bụla displayka agbanwere display: flexka 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: flexna mmewere, mee ya na .d-flexma ọ bụ otu n'ime ụdị dị iche iche na-anabata (dịka, .d-sm-flex). Ị ga-achọ klaasị ma ọ bụ displayuru a iji kwe ka ojiji nke ngwa flexbox anyị maka nha, nhazi, oghere, na ndị ọzọ.

Oke na padding

Jiri ngwa marginna padding ohere ohere jikwaa ka e si ekewa ihe na ihe mejupụtara ya na nha. Bootstrap 4 gụnyere ọkwa ọkwa ise maka ọrụ ohere ohere, dabere na mgbanwe 1remndabara uru $spacer. Họrọ ụkpụrụ maka nlegharị anya niile (dịka ọmụmaatụ, .mr-3maka 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-3maka margin-right: 1remibido n'ebe mdnkwụsịtụ).

Tụgharịavisibility

Mgbe mkpagharị displayadị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.