Source

Ebikozesebwa mu layout

Okusobola okukulaakulanya amangu essimu-friendly era okuddamu, Bootstrap erimu amakumi g’ebika by’omugaso okulaga, okukweka, okulaganya, n’okuteeka ebanga ebirimu.

Okukyusadisplay

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.

Ebintu ebikozesebwa mu Flexbox

Bootstrap 4 ezimbiddwa ne flexbox, naye si buli element's displaynti ekyusiddwa ku display: flexnga 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: flexku elementi, kikole ne .d-flexoba emu ku nkyukakyuka eziddamu (okugeza, .d-sm-flex). Ojja kwetaaga kiraasi eno oba displayomuwendo okukkiriza okukozesa ebikozesebwa byaffe eby'enjawulo ebya flexbox ku sayizi, okulaganya, okuteeka ebanga, n'ebirala.

Margin ne padding

Kozesa ebikozesebwa marginn’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 1remy’omuwendo ogusookerwako . $spacerLonda emiwendo gy'ebifo byonna eby'okulaba (okugeza, .mr-3ku margin-right: 1rem), oba londa enjawulo eziddamu okutunuulira ebifo eby'enjawulo (okugeza, .mr-md-3okutandika margin-right: 1remku kifo mdeky'okumenyawo).

Okukyusakyusavisibility

Nga okukyusakyusa displaytekyetaagisa, osobola okukyusakyusa visibilityeky'ekintu n'ebikozesebwa byaffe eby'okulabika . Ebintu ebitalabika bikyajja kukosa ensengeka y'olupapula, naye bikwekeddwa mu kulaba okuva eri abagenyi.