Ўтыліты для вёрсткі
Для больш хуткай распрацоўкі, зручнай для мабільных прылад і хуткага рэагавання, Bootstrap уключае дзесяткі службовых класаў для паказу, схавання, выраўноўвання і размяшчэння кантэнту.
Мяняючысяdisplay
Use our display utilities for responsively toggling common values of the display
property. Mix it with our grid system, content, or components to show or hide them across specific viewports.
Flexbox options
Bootstrap 4 is built with flexbox, but not every element’s display
has been changed to display: flex
as this would add many unnecessary overrides and unexpectedly change key browser behaviors. Most of our components are built with flexbox enabled.
Should you need to add display: flex
to an element, do so with .d-flex
or one of the responsive variants (e.g., .d-sm-flex
). You’ll need this class or display
value to allow the use of our extra flexbox utilities for sizing, alignment, spacing, and more.
Margin and padding
Выкарыстоўвайце ўтылітыmargin
і інтэрвалы , каб кіраваць тым, як элементы і кампаненты размяшчаюцца паміж сабой і памерам. Bootstrap 4 уключае пяціўзроўневую шкалу для ўтыліт інтэрвалу, заснаваную на значэнні зменнай па змаўчанні. Выберыце значэнні для ўсіх вокнаў прагляду (напрыклад, для ) або выберыце адаптыўныя варыянты для нацэльвання на пэўныя вокны прагляду (напрыклад, для пачатку з кропкі перапынку).padding
1rem
$spacer
.mr-3
margin-right: 1rem
.mr-md-3
margin-right: 1rem
md
Пераключыцьvisibility
Калі пераключэнне display
не патрабуецца, вы можаце пераключыць visibility
элемент з дапамогай нашых утыліт бачнасці . Нябачныя элементы па-ранейшаму будуць уплываць на макет старонкі, але візуальна схаваны ад наведвальнікаў.