Комунални услуги за распоред

За побрз развој пријателски за мобилни телефони и одговорен, Bootstrap вклучува десетици корисни класи за прикажување, криење, порамнување и распоредување на содржината.

Се менуваdisplay

Користете ги нашите алатки за приказ за одговорно менување на заедничките вредности на displayимотот. Измешајте го со нашиот мрежен систем, содржина или компоненти за да ги прикажете или скриете низ одредени прикази за гледање.

Опции за Flexbox

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прекин).

Вклучиvisibility

Кога displayпрефрлањето не е потребно, можете да го вклучите visibilityелементот со нашите алатки за видливост . Невидливите елементи сè уште ќе влијаат на изгледот на страницата, но визуелно се скриени од посетителите.