icon RUS

80

Почему Bootstrap использует устаревшие размеры точек перехода?

Анастасия
Анастасия
   22:15
2187
Я когда проходила курсы по дизайну преподаватели приводили Bootstrap как устаревший и отстойный фреймворк потому что они используют точки перехода 
@media (min-width: 576px) { ... }

// Средние девайсы (планшеты, >= 768px)
@media (min-width: 768px) { ... }

// Большие девайсы (десктопы, >= 992px)
@media (min-width: 992px) { ... }

// Экстрабольшие девайсы (большие десктопы, >= 1200px)
@media (min-width: 1200px) { ... }
Почему в новой версии бутстрапа они снова устаревшие?
Статус:
В процессе
Приоритет:
Средний
Версия:
  • 4.x
Каталог документации:
Макет/Обзор
imazin ответил на вопрос

22:25

Bootstrap это инструмент и в исходном состоянии имеет значения по умолчанию
ничто не мешает изменить точки перехода на свой вкус, как и другие элементы 

// File: theme.scss
// Override default BT variables:
$grid-breakpoints: (
        xs: 0,
        sm: 576px,
        md: 768px,
        lg: 992px,
        xl: 1200px,
        xxl: 1900px
);

$container-max-widths: (
        sm: 540px,
        md: 720px,
        lg: 960px,
        xl: 1140px,
        xxl: 1610px
);

// Import BT sources
@import "../node_modules/bootstrap/scss/bootstrap";

// Your CSS (SASS) rules here...
Анастасия ответила imazin

00:24

А где это нужно изменить?
imazin ответил Анастасия

22:38

Такоё чувство что документацию ещё не читали) Начало работы/Настройка темы

собрал статью для начинающих Как переопределить CSS по умолчанию в Bootstrap есть видео можете посмотреть
Александр ответил(а) imazin

01:14

В документации написано что не поддерживается уже
@media (min-width: var(--breakpoint-sm)) {
  ...
}
imazin ответил Александр

22:51

Имеется ввиду, что не поддерживаются CSS переменные. Но не говорится про sass переменные с ними всё хорошо они работают и функционируют

Активность