Как исправить ошибку верстки (не работает кнопка меню) в горизонтальном меню bootstrap?

При уменьшении разрешения экрана, меню скрывается и появляется кнопка. При нажатии на кнопку ничего не происходит. Урок 17

<div class="container-fluid">
      <div class="row">
       <nav role="navigation" class="navbar navbar-inverse">
               
               <div class="navbar-header">
                 
                 <button type="button" data-target="#navbarCollapse" data-toggle="#collapse" class="navbar-toggle">
                   
                   <span class="sr-only">Toggle navigation</span>
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>
                   <span class="icon-bar"></span>

                 </button>

               </div>

                <div id="navbarCollapse" class="collapse navbar-collapse navbar-right">
                    
                    <ul class="nav nav-pills">
                        <li class="active"> <a href="#">Главная</a> </li>
                        <li> <a href="#">Фильмы</a> </li>
                        <li> <a href="#">Сериалы</a> </li>
                        <li> <a href="#">Рейтинг фильмов</a> </li>
                        <li> <a href="#">Контакты</a> </li>
                    </ul>
            
                </div>
            </nav> 
      
      </div>
    </div>