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