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 yubatswe na flexbox, ariko ntabwo buri kintu cyose display
cyahinduwe display: flex
kuko ibi byongeweho 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 ikubiyemo igipimo cyurwego rutandatu rwibikorwa byingirakamaro, hashingiwe ku 1rem
gaciro gasanzwe gahinduka $spacer
. Hitamo indangagaciro kubireba byose (urugero, .me-3
kuri margin-right: 1rem
LTR), cyangwa hitamo ibisubizo byitondewe kugirango ubone ibintu byihariye (urugero, .me-md-3
kuri margin-right: 1rem
- muri LTR - guhera aho uhagarara 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.