Орналасуға арналған утилиталар

Жылдамырақ мобильді құрылғыларға ыңғайлы және жауапты әзірлеу үшін Bootstrap мазмұнды көрсетуге, жасыруға, теңестіруге және аралықты сақтауға арналған ондаған қызметтік сыныптарды қамтиды.

Өзгертуdisplay

Сипаттың жалпы мәндерін жылдам ауыстыру үшін дисплей утилиталарымызды пайдаланыңыз display. Белгілі бір көрініс терезелерінде көрсету немесе жасыру үшін оны тор жүйесімен, мазмұнмен немесе құрамдастармен араластырыңыз.

Flexbox опциялары

Bootstrap 4 flexbox көмегімен жасалған, бірақ әрбір элемент displayөзгертілмеген, display: flexсебебі бұл көптеген қажетсіз қайта анықтауларды қосады және браузердің негізгі әрекеттерін күтпеген жерден өзгертеді. Біздің құрамдас бөліктердің көпшілігі flexbox қосылған.

Элементке қосу қажет болса display: flex, оны .d-flexжауап беретін нұсқалардың біреуімен (мысалы, .d-sm-flex) орындаңыз. Өлшем , туралау, аралық және т.б. үшін қосымша flexbox утилиталарын пайдалануға рұқсат беру үшін сізге осы сынып немесе displayмән қажет болады.

Маржа және толтыру

Элементтер мен құрамдастардың арақашықтығы мен өлшемін басқару үшін marginжәне padding аралық утилиталарын пайдаланыңыз. 1remBootstrap 4 мән әдепкі $spacerайнымалы мәніне негізделген аралық утилиталарға арналған бес деңгейлі шкаланы қамтиды . Барлық көру порттары үшін мәндерді таңдаңыз (мысалы, .mr-3үшін margin-right: 1rem) немесе мақсатты нақты көрініс порттары үшін (мысалы, тоқтау нүктесінен бастау .mr-md-3үшін ) жауап беретін нұсқаларды таңдаңыз.margin-right: 1remmd

Ауыстыруvisibility

Ауыстыру displayқажет болмаған кезде, біздің көріну утилиталарыvisibility арқылы элементті ауыстыра аласыз . Көрінбейтін элементтер әлі де беттің орналасуына әсер етеді, бірақ келушілерден визуалды түрде жасырылады.