загрузчик Navbar не работает должным образом для Laravel, только часть работает - PullRequest
0 голосов
/ 01 июня 2019

Я создал navbar из начальной загрузки внутри 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 не отображается в выходных данных

И я правильно включаю панель навигации в отдельный файл внутри resources / views / layouts -> app.blade.php

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

Пожалуйста, помогите мне с этим

edit

Я удалил class="collapse navbar-collapse", потом появляются навигационные ссылки, в чем проблема с совместимостью на collapse?

1 Ответ

0 голосов
/ 01 июня 2019

Если вы хотите, чтобы этот div был виден немедленно (без нажатия):

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

Как таковой, он не предназначен для того, чтобы быть видимым при нагрузке. Если вы хотите, чтобы он загружался, у вас есть дополнительный класс свертывания, который эффективно скрывает div, удаляет его, и он должен быть видим для вас:

<div id="navbar" class="navbar-collapse"> <-- No collapse
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...