折叠 Django NavBar：鼠标​​悬停显示和鼠标移出隐藏

Question

我需要在鼠标移开时隐藏 django 应用导航栏，并在鼠标悬停时显示，就像在 1 中一样。 django 应用程序使用 Bootstrap4。根据 W3School BootStrap4 有 .collapse class 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 来实现相同的目标？