引导导航栏不适用于 Laravel，只有一部分在工作答案

【问题标题】：bootstrap navbar is not working properly for Laravel, only a part is working引导导航栏不适用于 Laravel，只有一部分在工作
【发布时间】：2019-10-17 22:32:02
【问题描述】：

我从资源/视图/inc中的引导程序创建了一个导航栏-> navbar.blade.php

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="/">Project</a>
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="/">Home</a></li>
        <li><a href="/about">About</a></li>
        <li><a href="/contact">Contact</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</nav>

第一个 div 标签工作正常，但第二个 div 标签在输出中不可见

我将导航栏正确地包含在资源/视图/布局内的单独文件中 -> app.blade.php

<body>
    @include('inc.navbar')
    <div class="container">
        @yield('content')   
    </div>
</body>

请帮帮我

编辑

我删除了class="collapse navbar-collapse"，然后出现导航链接，collapse的兼容性有什么问题？

【问题讨论】：

抱歉，哪个 div 不可见？ navbar-header 还是 id="navbar"？
`
` 这是不可见的
折叠菜单是正确的 - 请参阅我的答案。我认为它工作正常:)