Bootstrap 4: скрыть только среду

Question

Я использовал Bootstrap 4 в новом онлайн-проекте. Я в основном нацелен на использование мобильных устройств, но хочу сделать его доступным для пользователей настольных компьютеров.

У меня есть текст, который я бы хотел скрыть на средних экранах только с предопределенными классами, но почему-то я не могу заставить его работать. Слоппите обходной путь работает, но коряво: (следует пояснить, что я пытаюсь добиться):

<span class="hidden-sm-up">Display: </span>
<span class="hidden-md-down">Display: </span>

Конечно, это плохо кодирование, но я не могу найти дэ правильного сочетания классы, чтобы скрываться только на средних экранах. (Я бы ожидал такого класса, как .hidden-md, но нет ...)

Любая помощь была бы принята с благодарностью.

Бест,
knal

Answer 1

Спасибо, ребята,

Немного разочарован в связи с отсутствием решения straightformard но доволен результатом я реализовал следующие, чтобы удовлетворить мои потребности:

@media only screen and (max-width: 992px) and (min-width: 576px){ 
    .filters p span { 
     display: none; 
    } 
} 

Ссылка Брэда убедила меня в этом методе. Благодаря!

Лучшим,
Knal