Кнопка Bootstrap Nav не работает

Question

Есть пара проблем с моим кодом. Во-первых, я не могу понять, почему моя кнопка навигации не работает при изменении размера экрана. Также я заметил, что навигация падает ниже заголовка и tagline, поскольку экран становится меньше. Как заставить кнопку появляться до того, как навигация упадет? Также, когда появляется кнопка навигации, заголовок и tagline не выравниваются по центру между логотипом и кнопкой nav. Вот ссылка на codepen. Если кто-то может объяснить, как исправить эти проблемы, мы будем очень благодарны.

http://codepen.io/anon/pen/EPjWvw

Answer 1

ваши данные целевой неправильно.

data-target = "target list list id" здесь ваш идентификатор списка меню - это «навигация», и то, что вы положили, является «main-nav».

<button class="navbar-toggle collapsed" aria-expanded="false" data-target="#main-nav" data-toggle="collapse" type="button"> 

изменение

<button class="navbar-toggle collapsed" aria-expanded="false" data-target="#navigation" data-toggle="collapse" type="button">