Комунални услуги за распоред
За побрз развој пријателски за мобилни телефони и одговорен, Bootstrap вклучува десетици корисни класи за прикажување, криење, порамнување и распоредување на содржината.
Користете ги нашите алатки за приказ за одговорно менување на заедничките вредности на display
имотот. Измешајте го со нашиот мрежен систем, содржина или компоненти за да ги прикажете или скриете низ одредени прикази за гледање.
Bootstrap 4 е изграден со flexbox, но не секој елемент е display
променет во display: flex
бидејќи тоа би додало многу непотребни отфрлања и неочекувано ќе ги промени клучните однесувања на прелистувачот. Повеќето од нашите компоненти се изградени со овозможено flexbox.
Доколку треба да додадете display: flex
на некој елемент, направете го тоа со .d-flex
или со една од одговорните варијанти (на пр., .d-sm-flex
). Ќе ви треба оваа класа или display
вредност за да дозволите користење на нашите дополнителни алатки за flexbox за големина, порамнување, растојание и друго.
Користете ги алатките margin
и padding
проредот за да контролирате како се распоредени и димензионирани елементите и компонентите. Bootstrap 4 вклучува скала од пет нивоа за комунални услуги за растојание, базирана на 1rem
стандардна $spacer
променлива со вредност. Изберете вредности за сите порти за гледање (на пр. .mr-3
за margin-right: 1rem
), или изберете одговорни варијанти за да таргетирате одредени прикази за гледање (на пр. .mr-md-3
за margin-right: 1rem
почеток од точката на md
прекин).
Кога display
префрлањето не е потребно, можете да го вклучите visibility
елементот со нашите алатки за видливост . Невидливите елементи сè уште ќе влијаат на изгледот на страницата, но визуелно се скриени од посетителите.