Таблицалар өчен коммуналь хезмәтләр
Тизрәк мобиль дустанә һәм җаваплы үсеш өчен, Bootstrap эчтәлекне күрсәтү, яшерү, тигезләү һәм аралар өчен дистәләгән файдалы классларны үз эченә ала.
Мөлкәтнең гомуми кыйммәтләрен җаваплы рәвештә алыштыру өчен безнең күрсәтү программаларын кулланыгыз. display
Аны безнең челтәр системасы, эчтәлек яки компонентлар белән кушыгыз, аларны күрсәтү яки яшерү өчен.
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: 1rem
md
Күчерү display
кирәк булмаганда, сез visibility
элементны безнең күренү мөмкинлеге ярдәмендә алыштыра аласыз . Күренми торган элементлар битнең урнашуына тәэсир итәчәк, ләкин килүчеләрдән визуаль рәвештә яшерелгән.