Ebikozesebwa mu layout
Okusobola okukulaakulanya amangu essimu-friendly era okuddamu, Bootstrap erimu amakumi g’ebika by’omugaso okulaga, okukweka, okulaganya, n’okuteeka ebanga ebirimu.
Kozesa ebikozesebwa byaffe eby'okulaga okusobola okukyusakyusa mu ngeri ey'okuddamu emiwendo egy'awamu egy'ekintu display
. Kitabule n’enkola yaffe eya grid, ebirimu, oba ebitundu okubiraga oba okubikweka mu bifo eby’enjawulo eby’okulaba.
Bootstrap 4 ezimbiddwa ne flexbox, naye si buli element's display
nti ekyusiddwa ku display: flex
nga kino kyandiyongeddeko overrides nnyingi eziteetaagisa n'okukyusa mu ngeri etasuubirwa key browser behaviors. Ebitundu byaffe ebisinga bizimbibwa nga flexbox ekoleddwa.
Singa olina okwetaaga okwongera display: flex
ku elementi, kikole ne .d-flex
oba emu ku nkyukakyuka eziddamu (okugeza, .d-sm-flex
). Ojja kwetaaga kiraasi eno oba display
omuwendo okukkiriza okukozesa ebikozesebwa byaffe eby'enjawulo ebya flexbox ku sayizi, okulaganya, okuteeka ebanga, n'ebirala.
Kozesa ebikozesebwa margin
n’okuteeka padding
ebanga okufuga engeri elementi n’ebitundu gye bisengekebwamu ebanga n’obunene. Bootstrap 4 erimu minzaani ey’emitendera etaano egy’ebikozesebwa mu kugabanya ebanga, nga yesigamiziddwa ku nkyukakyuka 1rem
y’omuwendo ogusookerwako . $spacer
Londa emiwendo gy'ebifo byonna eby'okulaba (okugeza, .mr-3
ku margin-right: 1rem
), oba londa enjawulo eziddamu okutunuulira ebifo eby'enjawulo eby'okulaba (okugeza, .mr-md-3
okutandika margin-right: 1rem
ku kifo md
eky'okumenyawo).
Nga okukyusakyusa display
tekyetaagisa, osobola okukyusakyusa visibility
eky'ekintu n'ebikozesebwa byaffe eby'okulabika . Ebintu ebitalabika bikyajja kukosa ensengeka y'olupapula, naye bikwekeddwa mu kulaba okuva eri abagenyi.