Свернуть Django NavBar: отображение при наведении мыши и скрытие при отсутствии мыши

Question

Мне нужно скрыть навигационную панель приложения django при наведении мыши и показать при наведении, как в 1. Приложение django использует Bootstrap4. Согласно W3School BootStrap4 имеет класс .collapse 2. С точки зрения BootStrap4, я все еще выясняю, могу ли я использовать класс коллапса с наведением. С другой стороны, просто используя css, я прошел первую попытку, следуя чему-то вроде 3.

.

HTML

<div id="nav_general">
            <nav id="navbar" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            </nav>
  </div>

CSS

.home #navbar {
      display: flex;
      transform: translateY(-100%);
    }
    
    .home #nav_general:hover #navbar {
      transform: translateY(0);
    }

В конфигурации CSS панель навигации была скрыта навсегда и не раскрывается при наведении курсора мыши. Может ли кто-нибудь указать мне причину, по которой панель навигации была скрыта навсегда, и как я могу заставить ее расширяться при наведении курсора мыши? Как я могу достичь той же цели, просто используя BootStrap4 class=collapse?

Свернуть Django NavBar: отображение при наведении мыши и скрытие при отсутствии мыши

Ответы (0)