Гузаштан ба мундариҷаи асосӣ Ба паймоиши ҳуҷҷатҳо гузаред
Check
in English

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

Барои рушди зудтари мобилӣ ва ҷавобгӯ, 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элементро бо утилитаҳои намоёни мо иваз кунед . Унсурҳои ноаён то ҳол ба тарҳбандии саҳифа таъсир мерасонанд, аммо ба таври визуалӣ аз меҳмонон пинҳон мешаванд.