Bootstrap 3 простой выпадающий список не работает

Question

При попытке настроить Bootstrap 3 я столкнулся со следующей проблемой.

Когда я нажимаю на кнопку с именем F, я хотел бы, чтобы Home и Not Home отображались, но на данный момент это не так.

This - это видео, из которого я учусь.

<div class= "navbar navbar-inverse navbar-static-top"> 
    <div class="container"> 
     <a class= "navbar-brand">Jackdh</a> 
     <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> F 
     </button> 
     <div class ="collapse navbar-collapse navHeaderCollapse"> 
      <ul class = "nav navbar-nav navbar-right"> 
       <li><a href="#">Home</a></li> 
       <li><a href="#">Not Home</a></li> 
      </ul> 
     </div> 
    </div> 
</div> 

Answer 1

Я уверен, что вы просто забыли добавить bootstrap.js, а также jquery. С включенным в комплект, everything works for me.

Answer 2

@op (оригинальный постер)

ответ Марселя дал мне ключ, так что я проверил мой сценарий тег

<script src="bootstrap.min.js"></script> 

Я забыл добавить самозагрузки Javascript папку "JS /"

С этот скриптовый тег работает нормально.

<script src="js/bootstrap.min.js"></script> 

@ Marcel - Я не смог проголосовать за ваш ответ из-за отсутствия репутаций!

Answer 3

Вы забыли добавить заголовок div-bar после контейнера, попробуйте этот!

` Марка

 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
    </div>`