Source

Ibyingenzi kumiterere

Kubyihuta byihuse-bigendanwa kandi byitezimbere, Bootstrap ikubiyemo ibyiciro byinshi byingirakamaro byo kwerekana, guhisha, guhuza, hamwe nibirimo.

Guhindukadisplay

Koresha ibikorwa byacu byerekana ibikorwa kugirango uhindure indangagaciro displayzumutungo. Kuvanga na sisitemu ya gride, ibirimo, cyangwa ibice kugirango ubyerekane cyangwa ubihishe muburyo bwihariye.

Amahitamo ya Flexbox

Bootstrap 4 yubatswe na flexbox, ariko ntabwo buri kintu cyose displaycyahinduwe display: flexkuko ibi byakongeramo ibintu byinshi bitari ngombwa kandi bigahinduka muburyo butunguranye imyitwarire yingenzi ya mushakisha. Ibyinshi mubice byacu byubatswe hamwe na flexbox ishoboye.

Ukeneye kongeramo display: flexikintu, kora hamwe .d-flexcyangwa kimwe mubisubizo (urugero, .d-sm-flex). Uzakenera iki cyiciro cyangwa displayagaciro kugirango wemererwe gukoresha ibikoresho byinyongera bya flexbox yingirakamaro kubunini , guhuza, gutandukanya, nibindi byinshi.

Margin na padi

Koresha i marginna padding intera yingirakamaro kugirango ugenzure uko ibice nibigize bitandukanijwe kandi binini. Bootstrap 4 ikubiyemo igipimo cyinzego eshanu kubikorwa byingirakamaro, hashingiwe ku 1remgaciro gasanzwe gahinduka $spacer. Hitamo indangagaciro kubireba byose (urugero, .mr-3kuri margin-right: 1rem), cyangwa hitamo ibisubizo byitondewe kugirango ubone intego yihariye (urugero, .mr-md-3kubitangirira margin-right: 1remkumurongo md).

Togglevisibility

Mugihe guhindagura displaybidakenewe, urashobora guhinduranya visibilityikintu hamwe nibikorwa byingirakamaro . Ibintu bitagaragara bizakomeza kugira ingaruka kumiterere yurupapuro, ariko biragaragara ko bihishe abashyitsi.