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