Ўтыліты для вёрсткі
Для больш хуткай распрацоўкі, зручнай для мабільных прылад і хуткага рэагавання, Bootstrap уключае дзесяткі службовых класаў для паказу, схавання, выраўноўвання і размяшчэння кантэнту.
Выкарыстоўвайце нашы ўтыліты адлюстравання для хуткага пераключэння агульных значэнняў displayуласцівасці. Змяшайце яго з нашай сістэмай сеткі, змесцівам або кампанентамі, каб паказаць або схаваць іх у пэўных вокнах прагляду.
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
Калі пераключэнне displayне патрабуецца, вы можаце пераключыць visibilityэлемент з дапамогай нашых утыліт бачнасці . Нябачныя элементы па-ранейшаму будуць уплываць на макет старонкі, але візуальна схаваны ад наведвальнікаў.