@aleksandrkomyagin

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

Добрый день! Уважаемые эксперты помогите пожалуйста! Как сделать чтобы после выбора вкладки из меню либо после нажатия в любую область страницы меню скрывалось?

<nav class="navbar navbar-default">
			  	<div class="container">
			  		<div class="row">
			  			<div class="col-xs-3">
			  				 <!-- START LOGO -->
                            <div class="logo">
                                <a href="index.html">Главная</a>
                            </div>
                        	<!-- END LOGO -->
			  			</div>
			  			<div class="col-xs-9">
							<div class="navbar-header">
						  		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-top">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
						  		</button>


								  <!-- Top navigation buttons, visible only in extra small mode -->
								  <a class="visible-xs bb-nav-prev navbar-brand navbar-brand-pagination" href="#"><i class="fa fa-angle-left"></i></a>
								  <a class="visible-xs bb-nav-next navbar-brand navbar-brand-pagination" href="#"><i class="fa fa-angle-right"></i></a>
								  <!-- /Top navigation buttons -->
							
							</div>
							<div  class="collapse navbar-collapse" id="nav-top">
						  		<ul class="nav navbar-nav navbar-right" id="menu">								
									<li><a href="#" data-page="1">Резюме</a></li>
									<li><a href="#" data-page="2">Навыки</a></li>
									<li><a href="#" data-page="3">Образование</a></li>
									<li><a href="#" data-page="4">Прайс</a></li> 
									<li><a href="#" data-page="5">Портфолио</a></li>
									<li><a href="#" data-page="6">Задать вопрос</a></li>
						  		</ul>
							</div><!-- /navbar-collapse -->
						</div>
					</div><!--/row-->
			  	</div><!-- /container -->
			</nav><!--/nav-->
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ответы на вопрос 1
sashabeep
@sashabeep
Дней без вопросов про Slick на тостере : 0
Без песочницы никто в голове код не рендерит
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы