Source

Таблицалар өчен коммуналь хезмәтләр

Тизрәк мобиль дустанә һәм җаваплы үсеш өчен, Bootstrap эчтәлекне күрсәтү, яшерү, тигезләү һәм аралар өчен дистәләгән файдалы классларны үз эченә ала.

.Згәрүdisplay

Мөлкәтнең гомуми кыйммәтләрен җаваплы рәвештә алыштыру өчен безнең күрсәтү программаларын кулланыгыз. displayАны безнең челтәр системасы, эчтәлек яки компонентлар белән кушыгыз, аларны күрсәтү яки яшерү өчен.

Flexbox параметрлары

Bootstrap 4 флексбок белән төзелгән, ләкин һәрбер элемент displayүзгәртелмәгән, display: flexчөнки бу бик күп кирәксез өстәмәләрне өстәр һәм көтмәгәндә төп браузер тәртибен үзгәртәчәк. Күпчелек компонентларыбыз флексбокс кушылган.

Сезгә display: flexэлемент өстәргә кирәк булса, моны .d-flexяки җаваплы вариантларның берсе белән эшләгез (мәсәлән, .d-sm-flex). Сезгә бу класс яки displayкыйммәт кирәк булачак, безнең өстәмә флексбок программаларын зурлау, тигезләү, аралар һәм башкалар өчен кулланырга рөхсәт итәр өчен.

Маргин һәм паддинг

Элементларның һәм компонентларның арасы һәм зурлыгы белән идарә итү өчен margin, padding араларны кулланыгыз . Bootstrap 4 үз эченә коммуналь хезмәтләр өчен биш дәрәҗә масштабны кертә, 1remкыйммәтнең $spacerүзгәрүчәнлегенә нигезләнеп. Барлык күренешләр өчен кыйммәтләрне сайлагыз (мәсәлән, .mr-3өчен margin-right: 1rem), яки конкрет күренешләргә юнәлтелгән җаваплы вариантларны сайлагыз (мәсәлән, тукталыштан башлау өчен .mr-md-3) .margin-right: 1remmd

Күчерүvisibility

Күчерү displayкирәк булмаганда, сез visibilityэлементны безнең күренү мөмкинлеге ярдәмендә алыштыра аласыз . Күренми торган элементлар битнең урнашуына тәэсир итәчәк, ләкин килүчеләрдән визуаль рәвештә яшерелгән.