поддержка начальной загрузки для пары точек останова

Question

У меня есть требование предоставить только 2 точки останова для одного приложения.Эти 2 точки останова: <= 768 для мобильных устройств и 1280> = для настольных компьютеров.(Нет точки останова планшета)

Как я могу изменить $grid-breakpoints для поддержки этой структуры?

Я считаю, что это похоже на

$grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1280px );

где я буду обслуживать только md, xl и игнорировать sm, md & lg?

Пожалуйста, предоставьте предложения?

Answer 1

Похоже, что ваш вопрос действительно о 3 контрольных точках.В описании <=768 is mobile & 1280 >= desktop отсутствует диапазон между 768 и 1280.

Предполагается, что вы имели в виду эти 3 контрольных точки:

• <=768 (подразумевается или 'xs ')
• >768 & <1280 (md)
• >=1280 (xl)

Настройки SASS просты:

@import "bootstrap/functions";
@import "bootstrap/variables";

$grid-breakpoints: (
  xs: 0,
  md: 768px,
  xl: 1280px
);

@import "bootstrap";

https://www.codeply.com/go/GZJHsDyeH2