Утилитаҳо барои тарҳрезӣ

Барои рушди зудтари мобилӣ ва ҷавобгӯ, Bootstrap даҳҳо синфҳои хидматрасониро барои нишон додан, пинҳон кардан, ҳамоҳангсозӣ ва фосилаи мундариҷа дар бар мегирад.

Тағйир доданdisplay

Утилитҳои намоишии моро барои ба таври фаврӣ иваз кардани арзишҳои умумии displayамвол истифода баред. Онро бо системаи шабакавӣ, мундариҷа ё ҷузъҳои мо омехта кунед, то онҳоро дар намоишгоҳҳои мушаххас нишон диҳед ё пинҳон кунед.

Имконоти Flexbox

Bootstrap 4 бо flexbox сохта шудааст, аммо на ҳама унсурҳо ба displayон иваз карда шудаанд, display: flexзеро ин боиси иловаҳои зиёди нолозим мегардад ва рафтори асосии браузерро ғайричашмдошт тағир медиҳад. Аксари ҷузъҳои мо бо flexbox фаъол сохта шудаанд.

Агар ба шумо лозим ояд, ки display: flexба элемент илова кунед, онро бо .d-flexё яке аз вариантҳои ҷавобӣ иҷро кунед (масалан, .d-sm-flex). Ба шумо ин синф ё displayарзиш лозим аст, то ба истифодаи утилитаҳои иловагии флексбокс барои андоза, ҳамворкунӣ, фосила ва ғайра иҷозат диҳед.

Маржа ва пуркунӣ

Утилитҳои marginва фосиларо барои назорат кардани padding фосила ва андозагирии элементҳо ва ҷузъҳо истифода баред. Bootstrap 4 миқёси панҷ-сатҳиро барои фосилаи фосилавӣ дар бар мегирад, ки дар асоси тағирёбандаи 1remпешфарз арзиш дорад. $spacerҚиматҳоро барои ҳама намоишгоҳҳо интихоб кунед (масалан, .mr-3барои margin-right: 1rem) ё вариантҳои ҷавобгӯро барои ҳадафгирии портҳои мушаххас интихоб кунед (масалан, .mr-md-3барои margin-right: 1remоғоз аз mdнуқтаи кандашавӣ).

Гузаришvisibility

Ҳангоме ки displayиваз кардан лозим нест, шумо метавонед visibilityэлементро бо утилитаҳои намоёни мо иваз кунед . Унсурҳои ноаён то ҳол ба тарҳбандии саҳифа таъсир мерасонанд, аммо ба таври визуалӣ аз меҳмонон пинҳон мешаванд.