Орналасуға арналған утилиталар
Жылдамырақ мобильді құрылғыларға ыңғайлы және жауапты әзірлеу үшін Bootstrap мазмұнды көрсетуге, жасыруға, теңестіруге және аралықты сақтауға арналған ондаған қызметтік сыныптарды қамтиды.
Өзгертуdisplay
Сипаттың жалпы мәндерін жылдам ауыстыру үшін дисплей утилиталарымызды пайдаланыңыз display. Белгілі бір көрініс терезелерінде көрсету немесе жасыру үшін оны тор жүйесімен, мазмұнмен немесе құрамдастармен араластырыңыз.
Flexbox опциялары
Bootstrap flexbox көмегімен жасалған, бірақ әрбір элемент displayөзгертілмеген, display: flexсебебі бұл көптеген қажетсіз қайта анықтауларды қосады және браузердің негізгі әрекеттерін күтпеген жерден өзгертеді. Біздің компоненттеріміздің көпшілігі flexbox қосылған.
Элементке қосу қажет болса display: flex, оны .d-flexжауап беретін нұсқалардың біреуімен (мысалы, .d-sm-flex) орындаңыз. Қосымша flexbox утилиталарын пайдалануға рұқсат беру үшін сізге осы сынып немесе displayмән қажетӨлшем , туралау, аралық және т.б. үшін
Маржа және толтыру
Элементтер мен құрамдастардың арақашықтығы мен өлшемін басқару үшін marginжәне padding аралық утилиталарын пайдаланыңыз. 1remBootstrap әдепкі $spacerмән айнымалысына негізделген аралық утилиталарға арналған алты деңгейлі шкаланы қамтиды . Барлық көру порттары үшін мәндерді таңдаңыз (мысалы, LTR үшін) немесе мақсатты нақты көріністер үшін жауап беретін нұсқаларды таңдаңыз (мысалы, .me-3— LTR үшін—margin-right: 1rem.me-md-3margin-right: 1remmd .
Ауыстыруvisibility
Ауыстыру displayқажет болмаған кезде, біздің көріну утилиталарыvisibility арқылы элементті ауыстыра аласыз . Көрінбейтін элементтер әлі де беттің орналасуына әсер етеді, бірақ келушілерден визуалды түрде жасырылады.