Изменить высоту в зависимости от размера экрана

Question

У меня есть складная панель навигации, построенная с помощью bootstrap 4. Я использовал col-sm-2 и navbar-expand-sm, чтобы заставить его свернуться в гамбургер при том же размере экрана, что он должен занимать всю ширину.

Проблема связана с размерами экранов sm. Я хочу, чтобы у него было h-100, поэтому это боковая панель, но как sm / xs я хочу, чтобы он просто занимал место, необходимое для кнопки переключения.

Есть ли способ достичь этого с помощью bootstrap, или я застрял, пытаясь добавить / удалить класс h-100?

Answer 1

это хороший вариант использования для медиа-запросов ... h-100 в основном добавляет 100% высоты;

фрагмент ниже:

nav {
  border: 1px solid red;
}

@media screen and (min-width:579px) {
  nav {
    border: 1px solid green;
    height: 100vh;
  }
}