你如何改变肚脐折叠高度引导4？

Question

我试图使用引导程序制作一个带有全宽全高菜单的网站。

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="true" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse">
    <ul class="navbar-nav">
      <li class="nav-item"><a title="Home" href="#" class="nav-link">Home</a></li>
      <li class="nav-item"><a title="Home" href="#" class="nav-link">Home</a></li>
      <li class="nav-item"><a title="Home" href="#" class="nav-link">Home</a></li>
    </ul>
</div>

当我点击肚脐开关时，肚脐崩溃就变成了collapse.show，我短暂地看到了一个style=“高度:160 it”，然后它就消失了。

我如何使它使肚脐塌陷collapse.show成为完全高度？

任何指针都将不胜感激。

Answer 1

如果我正确地理解了您，那么我相信您可以通过将另一个div放入navba折叠div中来实现这一点，并在屏幕小的时候增加屏幕的高度：

<div class="navbar-collapse collapse">
  <dvi class="adjust-height">
    <ul class="navbar-nav">
      <li class="nav-item"><a title="Home" href="#" class="nav-link">Home</a></li>
      <li class="nav-item"><a title="Home" href="#" class="nav-link">Home</a></li>
      <li class="nav-item"><a title="Home" href="#" class="nav-link">Home</a></li>
    </ul>
  <div>
<div>

根据需要调整类"adjust-height“的高度。