Почему не совпадают точки остановы grid-breakpoints bootstrap 4?

Question

[Николай]

$grid-breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
$container-max-widths: (sm: 540px, md: 720px, lg: 960px, xl: 1140px)

// в sass пишу
+media-breakpoint-down(lg)
.login
margin-right: 0

//ожидаю увидеть
media (max-width: 992px)
.login {
margin-right: 0;
}

//но вижу
media (max-width: 1199.98px)
.login {
margin-right: 0;
}

Comments

[Ankhena]

Тут вроде хорошо написано getbootstrap.ru/docs/v4-alpha/layout/overview/#res...
Суть в использовании up и down, но чтобы попасть в нужный диапазон.

[Николай]

Ankhena, так я и сделал по документации.

[Ankhena]

Николай, тогда уточните, что именно не понятно?

[Николай]

Ankhena,

Когда я пишу: +media-breakpoint-down(lg), где lg = 992px .
По идеи должно получиться: media (max-width: 992px), но получается: media (max-width: 1199.98px).
Почему он подставляет мне значение xl вместо lg.
Как подробней объяснить я не знаю. Видно же, что вместо lg я получаю xl. В документации написано,
getbootstrap.ru/docs/v4-alpha/layout/grid/#grid-options

[Ankhena]

Николай, потому что lg это интервал от 992 до 1199. Если вы используете слово down, то получается верхняя граница интервала.
Именно это показано по моей ссылке

[Николай]

Ankhena, понял! Спасибо!