Отобразить Dropdown в Navbar

141
19 ноября 2019, 17:30

Не отображается Dropdown в Navbar, пример брал готового шаблона bootstrap, там всё отображается нормально, но у меня после нескольких нажатий на стрелочку перестаёт отображаться dropdown, это же происходит если я нажал мышкой на другую область navbar, в чём проблема?

    <nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
  <button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <a class="navbar-brand" href="{{ route('redir') }}">{{ config('app.name', 'Laravel') }}</a>
  <div class="collapse navbar-collapse" id="navbarsExampleDefault">
    <ul class="navbar-nav mr-auto">
      @guest
      <li><a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a></li>
      <li><a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a></li>
      @else
      <li class="nav-item">
        <a class="nav-link" href="{{ route('users.editprofile') }}">{{__('Edit Profile')}}</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" style="color: red" href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();" >{{__('Logout')}}</a>
        <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;">
        {{ csrf_field() }}
        </form>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="http://example.com" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown</a>
        <div class="dropdown-menu" aria-labelledby="dropdown01">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something else here</a>
        </div>
      </li>
      @endguest
    </ul>
    <a class="nav-link" style="color: white;">{{ Auth::user()->name }}</a>
  </div>
</nav>
READ ALSO
Как добавить #document в &lt;iframe&gt;?

Как добавить #document в <iframe>?

Просмотрел все похожие вопросы

179
Содержимое слайда тоже перемещалось

Содержимое слайда тоже перемещалось

Окончательно запуталась, нужно, чтобы на каждом слайде был свой текст и кнопкау меня либо все тексты на одном сладйе, либо все тексты на всех...

147
Расположение элементов в один ряд [закрыт]

Расположение элементов в один ряд [закрыт]

Есть страница на которой нужно расположить несколько элементов в рядИ у меня получилось но почему то в 2 разных случаях понадобилось делать...

121