Source

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 ihe na ihe mejupụtara na-ekewa 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.