Source

Ўтыліты для вёрсткі

Для больш хуткай распрацоўкі, зручнай для мабільных прылад і хуткага рэагавання, Bootstrap уключае дзесяткі службовых класаў для паказу, схавання, выраўноўвання і размяшчэння кантэнту.

Мяняючысяdisplay

Выкарыстоўвайце нашы ўтыліты адлюстравання для хуткага пераключэння агульных значэнняў displayуласцівасці. Змяшайце яго з нашай сістэмай сеткі, змесцівам або кампанентамі, каб паказаць або схаваць іх у пэўных вокнах прагляду.

Параметры Flexbox

Bootstrap 4 створаны з дапамогай flexbox, але не кожны элемент displayбыў зменены, display: flexбо гэта дадало б шмат непатрэбных перавызначэнняў і нечакана змяніла б асноўныя паводзіны браўзера. Большасць нашых кампанентаў створаны з уключаным flexbox.

Калі вам трэба дадаць display: flexда элемента, зрабіце гэта з дапамогай .d-flexабо аднаго з адаптыўных варыянтаў (напрыклад, .d-sm-flex). Вам спатрэбіцца гэты клас або displayзначэнне, каб дазволіць выкарыстоўваць нашы дадатковыя ўтыліты flexbox для памеру, выраўноўвання, інтэрвалу і іншага.

Паля і запаўненне

Выкарыстоўвайце ўтылітыmargin і інтэрвалы , каб кіраваць тым, як элементы і кампаненты размяшчаюцца паміж сабой і памерам. Bootstrap 4 уключае пяціўзроўневую шкалу для ўтыліт інтэрвалу, заснаваную на значэнні зменнай па змаўчанні. Выберыце значэнні для ўсіх вокнаў прагляду (напрыклад, для ) або выберыце адаптыўныя варыянты для нацэльвання на пэўныя вокны прагляду (напрыклад, для пачатку з кропкі перапынку).padding 1rem$spacer.mr-3margin-right: 1rem.mr-md-3margin-right: 1remmd

Пераключыцьvisibility

Калі пераключэнне displayне патрабуецца, вы можаце пераключыць visibilityэлемент з дапамогай нашых утыліт бачнасці . Нябачныя элементы па-ранейшаму будуць уплываць на макет старонкі, але візуальна схаваны ад наведвальнікаў.