Что такое точка останова носителя начальной загрузки 4 вверх и между ними?

Question

Может кто-нибудь объяснить мне, что такое media-breakpoint-up, media-breakpoint-down, media-breakpoint-between и media-breakpoint-only в Bootstrap 4?

Answer 1

Хотя все теги Bootstrap 4 breakpoint в некоторой степени связаны с медиа-запросами CSS, теги, на которые вы ссылаетесь в своем вопросе, связаны с миксинами SASS

Цитируется из Bootstrap 4: «Поскольку мы пишем нашиИсходя из CSS в Sass, все наши медиа-запросы доступны через Sass mixins: "

// No media query necessary for xs breakpoint as it's effectively `@media (min-width: 0) { ... }`
@include media-breakpoint-up(sm) { ... }
@include media-breakpoint-up(md) { ... }
@include media-breakpoint-up(lg) { ... }
@include media-breakpoint-up(xl) { ... }

// Example: Hide starting at `min-width: 0`, and then show at the `sm` breakpoint
.custom-class {
  display: none;
}
@include media-breakpoint-up(sm) {
  .custom-class {
    display: block;
  }
}

Дальнейшее объяснение различных тегов -down -between & only можно найти на сайте Bootstrap 4здесь >>> https://getbootstrap.com/docs/4.3/layout/overview/#responsive-breakpoints

Answer 2

Они связаны с медиа-запросами CSS. Они используются для установки точек останова при изменении размера страницы с рабочего стола, планшета или мобильного устройства.

Вот отличный ресурс для всех деталей: https://getbootstrap.com/docs/4.3/layout/overview/