Когда я пытаюсь использовать мобильную версию моей страницы на основе jumbotron, навигационная панель не переключается. Я хочу, чтобы он складывался, как в the example, но это не так. Может быть, мне не хватает кода, можете ли вы помочь мне заставить его работать? Этот снимок экрана - это то, как он должен выглядеть, когда navbar складывается в [пример.bootstrap navbar не переключается
Это my page, который основан на JumboTron но Navbar раскладывающийся не работает при нажатии на кнопку в правом верхнем углу, он не переключается.
Мой код (идентичен примеру).
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Customer Service</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<form class="navbar-form navbar-right" action="/account/do_login" method="post">
<div class="form-group">
<input type="text" name="email" placeholder="Email" class="form-control">
</div>
<div class="form-group">
<input type="password" name="password" placeholder="Password" class="form-control">
</div>
<button type="submit" class="btn btn-success">Sign in</button>
</form>
</div>
<!--/.navbar-collapse -->
</div>
</nav>
проверьте свою консоль браузера и посмотрите, есть ли какие-либо ошибки? –
@DivyeshSavaliya К сожалению, сообщения об ошибке отсутствуют. –
check after toggle click –