Как добавить новые breakpoints в бустрапе?

Question

[Slava]

Как в сасе бустрапа добавить новые брекпоинты

Breakpoints
• xl: =<1400px (custom)
• lg: 1399px - 1201px (standard)
• md: 1200px - 992px (standard)
• sm: 991px - 768px (standard)
• xs: 767px - 481px (standard)
• xxs: =>480px (custom)

Answer 1

[Андрей Хохлов]

Поправить переменные

$grid-breakpoints: (
  xs: 0,
  sm: 768px,
  md: 980px,
  lg: 1200px
) !default;

$container-max-widths: (
  xs: 480px,
  sm: 720px,
  md: 960px,
  lg: 1140px
) !default;

Comments

[Slava]

в техническом задании были именно такие значения, и как я понял надо именно добавить брекпоинт

[Андрей Хохлов]

Slava: так добавьте свои значения, в чем проблема?

[Slava]

Просто добавить xl: =<1400px ? Я просто в сасе пионер.

[Slava]

Андрей Хохлов: Где находится эта переменная ? Или ее самому прописать надо?

[Андрей Хохлов]

Slava: https://github.com/twbs/bootstrap/blob/v4-dev/scss...
Вы почитайте что такое scss, как из исходников скомпилить бутстрап и т.д. - все гуглится.

[Андрей Хохлов]

вот даже у них специальный файлик завелся для перезаписи дефолтных переменных: https://github.com/twbs/bootstrap/blob/v4-dev/scss...