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 display
zumutungo. 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 display
cyahinduwe display: flex
kuko 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: flex
ikintu, kora hamwe .d-flex
cyangwa kimwe mubisubizo (urugero, .d-sm-flex
). Uzakenera iki cyiciro cyangwa display
agaciro kugirango wemererwe gukoresha ibikoresho byinyongera bya flexbox yingirakamaro kubunini , guhuza, gutandukanya, nibindi byinshi.
Margin na padi
Koresha i margin
na padding
intera yingirakamaro kugirango ugenzure uko ibice nibigize bitandukanijwe kandi binini. Bootstrap 4 ikubiyemo igipimo cyinzego eshanu kubikorwa byingirakamaro, hashingiwe ku 1rem
gaciro gasanzwe gahinduka $spacer
. Hitamo indangagaciro kubireba byose (urugero, .mr-3
kuri margin-right: 1rem
), cyangwa hitamo ibisubizo byitondewe kugirango ubone intego yihariye (urugero, .mr-md-3
kubitangirira margin-right: 1rem
kumurongo md
).
Togglevisibility
Mugihe guhindagura display
bidakenewe, urashobora guhinduranya visibility
ikintu hamwe nibikorwa byingirakamaro . Ibintu bitagaragara bizakomeza kugira ingaruka kumiterere yurupapuro, ariko biragaragara ko bihishe abashyitsi.