Question

我是从resources / views / 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的兼容性有什么问题？

Answer 1

如果您要让此div立即可见（无需单击）：

<div id="navbar" class="collapse navbar-collapse">...</div>

实际上，它并不意味着在加载时可见。如果要加载它，则在那里有一个额外的折叠类，它可以有效地隐藏div并将其删除，并且它应该对您可见：

<div id="navbar" class="navbar-collapse"> <-- No collapse

bootstrap navbar对于Laravel无法正常工作，只有一部分正在工作

编辑

1 个答案: