Орналасуға арналған утилиталар
Жылдамырақ мобильді құрылғыларға ыңғайлы және жауапты әзірлеу үшін 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 арқылы элементті ауыстыра аласыз . Көрінбейтін элементтер әлі де беттің орналасуына әсер етеді, бірақ келушілерден визуалды түрде жасырылады.