не работает выпадающий переключатель в начальной загрузке 3.3.7

Question

Я использую загрузчик 3.3.7, и у меня есть navbar. Все хорошо, но когда я нажимаю на пункт меню dropdown, я не вижу sub-menu. ниже мой код.

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#"/>
        </div>
        <ul class="nav navbar-nav">
            <li>
                <a href="/">View Library</a>
            </li>
            <li>
                <a href="{{route('reports.create')}}">Create</a>
            </li>

            <li class="dropdown">

                <a href="#" class="dropdown-toggle" data-toggle="dropdown" 
                role="button" aria-haspopup="true" aria-expanded="true">Setup<span class="caret"/>
                </a>
                <ul class="dropdown-menu" aria-labelledby="about-us">
                    <li>
                        <a href="#">Our Story</a>
                    </li>
                    <li>
                        <a href="#">Our Team</a>
                    </li>
                    <li>
                        <a href="#">Contact Us</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</nav> 

Что я здесь не так делаю? пожалуйста, ведите меня.

Answer 1

Try this one,

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#"></a>
      </div>
      <ul class="nav navbar-nav">
      <li><a href="/">View Library</a></li>
      <li><a href="{{route('reports.create')}}">Create</a></li>

      <li class="dropdown">

          <a href="#" class="dropdown-toggle" data-toggle="dropdown" 
            role="button" aria-haspopup="true" aria-expanded="true">Setup<span class="caret"></span></a>
          <ul class="dropdown-menu" aria-labelledby="about-us">
            <li><a href="#">Our Story</a></li>
            <li><a href="#">Our Team</a></li>
            <li><a href="#">Contact Us</a></li>
          </ul>
      </li>


      </ul>
    </div>
  </nav> 

Answer 2

Вы можете забыть добавить js для начальной загрузки.пожалуйста, добавьте это в ваш index.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"> 
</script>

Answer 3

Проверьте ваши заголовки, это работает на моем конце.