Как сделать что бы меню в bootstrap в мобильной версии закрывалось при клике на пункте из меню?

Друзья помогите пожалуйста начинающему.Заранее благодарю.
У меня меню выглядит так:
<div class="main-nav">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <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="#">
            <h1><img class="img-responsive" src="logo.jpg" alt="logo"></h1>
          </a>                    
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav navbar-right">                 
            <li class="scroll active"><a href="#home-slider">Пункт1</a></li>
            <li class="scroll"><a href="#services">Пункт2</a></li> 
            <li class="scroll"><a href="#portfolio">Пункт3</a></li>
            <li class="scroll"><a href="#about-us">Пункт4</a></li>
            <li class="scroll"><a href="#team">Пункт5</a></li>
            <li class="scroll"><a href="#contact">Пункт6</a></li>       
          </ul>
        </div>
      </div>
    </div>
  • Вопрос задан
  • 314 просмотров
Пригласить эксперта
Ответы на вопрос 1
@ps1panda
Верстальщик, начинающий front-end
$('.navbar-nav a').click(function(){
$('.navbar-collapse').hide()
})
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы