Утилитаҳо барои тарҳрезӣ
Барои рушди зудтари мобилӣ ва ҷавобгӯ, Bootstrap даҳҳо синфҳои хидматрасониро барои нишон додан, пинҳон кардан, ҳамоҳангсозӣ ва фосилаи мундариҷа дар бар мегирад.
Тағйир доданdisplay
Утилитҳои намоишии моро барои ба таври фаврӣ иваз кардани арзишҳои умумии display
амвол истифода баред. Онро бо системаи шабакавӣ, мундариҷа ё ҷузъҳои мо омехта кунед, то онҳоро дар намоишгоҳҳои мушаххас нишон диҳед ё пинҳон кунед.
Имконоти Flexbox
Bootstrap бо flexbox сохта шудааст, аммо на ҳама унсурҳо ба display
он иваз карда шудаанд, display: flex
зеро ин боиси иловаи зиёди бекоркунии нолозим ва ғайричашмдошт рафтори асосии браузерро тағир медиҳад. Аксари ҷузъҳои мо бо flexbox фаъол сохта шудаанд.
Агар ба шумо лозим ояд, ки display: flex
ба элемент илова кунед, онро бо .d-flex
ё яке аз вариантҳои ҷавобӣ иҷро кунед (масалан, .d-sm-flex
). Ба шумо ин синф ё display
арзиш лозим аст, то ба истифодаи утилитаҳои иловагии флексбокс барои андоза, ҳамворкунӣ, фосила ва ғайра иҷозат диҳед.
Маржа ва пуркунӣ
Утилитҳои margin
ва фосиларо барои назорат кардани padding
фосила ва андозагирии элементҳо ва ҷузъҳо истифода баред. Bootstrap дорои миқёси шаш сатҳ барои утилитаҳои фосилавӣ мебошад, ки дар асоси тағирёбандаи 1rem
пешфарз арзиш дорад. $spacer
Қиматҳоро барои ҳама намоишгоҳҳо интихоб кунед (масалан, .me-3
барои margin-right: 1rem
дар LTR) ё вариантҳои ҷавобгӯро интихоб кунед, то ба намоишгоҳҳои мушаххас ҳадаф гиранд (масалан, .me-md-3
барои margin-right: 1rem
—дар LTR— аз нуқтаи кандашавӣ md
).
Гузаришvisibility
Ҳангоме ки display
иваз кардан лозим нест, шумо метавонед visibility
элементро бо утилитаҳои намоёни мо иваз кунед . Унсурҳои ноаён то ҳол ба тарҳбандии саҳифа таъсир мерасонанд, аммо ба таври визуалӣ аз меҳмонон пинҳон мешаванд.