Не могу понять эту комбинацию свойств дисплея Bootstrap4 - PullRequest
0 голосов
/ 04 ноября 2018

Я использую Bootstrap4 для своего веб-приложения. Теперь мне нужно отображать меню только когда установлен размер экрана lg (большой).

Документация очень понятна: есть класс, чтобы скрыть элемент на экране любого размера:

.d-ни

И есть классы для отображения элемента на экране определенного размера (xs, sm, md, lg и xl):

.d- {см, мкр, LG, х} -блок

Я рассуждаю так: если я хочу отобразить только элемент на большом экране, я должен использовать оба класса:

.d-none .d-lg-block

Первый, кто скрывает элемент всех размеров, а затем "поднимает" только lg. Но если я посмотрю документацию, там написано, что для достижения этой цели мне нужно использовать дополнительный класс, цитируя документ:

enter image description here

, что крайне запутанно. Зачем нужен дополнительный .d-xl-none класс?

1 Ответ

0 голосов
/ 04 ноября 2018

Потому что xl больше, чем lg. Если вы не напишите класс d-xl-none, ваш блок будет виден на экране большего размера, чем lg.

...