Блог

Я создаю загрузочный сайт с загрузочной навигацией. Я следовал руководству и сделал все, что мне было сказано в руководстве, но моя кнопка навигации, реагирующая на загрузку, не запускает отображение моей навигации. Я использую Bootstrap версии 3.0.3 и jQuery 2.0.3 (я должен для класса). Я пока ничего не делаю для оформления своей навигации в дополнение к собственному стилю Bootstrap.

Это мой код для навигации:

 <nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a href="#" class="navbar-brand">Base Competition Site</a>
            <button class="navbar-toggle" data-toggle="collapse" data-target="nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
        </div>
        <div class="collapse nav-collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="active"><a href="index.html"><span>Home</span></a></li>
                <li><a href="about/about.html"><span>About</span></a></li>
                <li><a href="#"><span>Data</span></a></li>
                <li><a href="#"><span>Login</span></a></li>
            </ul>
        </div>
    </div>
</nav>
  

Мой полный код находится в этом JSFiddle

Вы забыли . в целевом объекте данных 🙂

 <button class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
  

обновленная скрипка