Ўтыліты для вёрсткі
Для больш хуткай распрацоўкі, зручнай для мабільных прылад і хуткага рэагавання, Bootstrap уключае дзесяткі службовых класаў для паказу, схавання, выраўноўвання і размяшчэння кантэнту.
Мяняючысяdisplay
Выкарыстоўвайце нашы ўтыліты адлюстравання для хуткага пераключэння агульных значэнняў displayуласцівасці. Змяшайце яго з нашай сістэмай сеткі, змесцівам або кампанентамі, каб паказаць або схаваць іх у пэўных вокнах прагляду.
Параметры Flexbox
Bootstrap створаны з дапамогай flexbox, але не кожны элемент displayбыў зменены, display: flexбо гэта дадало б шмат непатрэбных перавызначэнняў і нечакана змяніла б асноўныя паводзіны браўзера. Большасць нашых кампанентаў створаны з уключаным flexbox.
Калі вам трэба дадаць display: flexда элемента, зрабіце гэта з дапамогай .d-flexабо аднаго з адаптыўных варыянтаў (напрыклад, .d-sm-flex). Вам спатрэбіцца гэты клас або displayзначэнне, каб дазволіць выкарыстоўваць нашы дадатковыя ўтыліты flexbox для памеру, выраўноўвання, інтэрвалу і іншага.
Паля і запаўненне
Выкарыстоўвайце ўтылітыmargin і інтэрвалы , каб кіраваць тым, як элементы і кампаненты размяшчаюцца паміж сабой і памерам. Bootstrap уключае шасціўзроўневую шкалу для ўтыліт інтэрвалу, заснаваную на значэнні зменнай па змаўчанні. Выберыце значэнні для ўсіх вокнаў прагляду (напрыклад, для ў LTR) або выберыце адаптыўныя варыянты, каб арыентавацца на пэўныя вокны прагляду (напрыклад, для —in LTR— пачынаючы з кропкі перапынку).padding 1rem$spacer.me-3margin-right: 1rem.me-md-3margin-right: 1remmd
Пераключыцьvisibility
Калі пераключэнне displayне патрабуецца, вы можаце пераключыць visibilityэлемент з дапамогай нашых утыліт бачнасці . Нябачныя элементы па-ранейшаму будуць уплываць на макет старонкі, але візуальна схаваны ад наведвальнікаў.