Почему не работает навигационная панель bootstrap на мобильных?

Question

[yarcowen]

Здравствуйте! Не открывается «бутерброд» на экранах, отличных от ПК в навигационной панели bootstrap. Вот код:

<nav class="navbar navbar-fixed-top navbar-custom navbar-transparent">
		<div class="container">		
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#custom-collapse">
					<span class="sr-only">Навигация</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
		
				<a class="navbar-brand" href="#">
					<img class="light-logo" src="assets/images/logo.png" width="185">
				</a>
			</div>

			<div class="collapse navbar-collapse" id="custom-collapse">		
				<ul class="nav navbar-nav navbar-right">
					<li><a class="white" href="#news">Новости</a></li>
					<li><a href="/event/">Мероприятия</a></li>
				</ul>				
			</div>		
		</div>
	</nav>

В чем причина?
Версия bootstrap: 3.3.6

Answer 1

[Александр]

У меня работает. Но не отображается сама иконка "бутерброда" (из-за не подключённого шрифта Glyphicons). А вы подключили этот шрифт? В навбаре используется иконка из этого шрифта для кнопки раскрытия\закрытия меню на моб. устройствах. И подключили ли jQuery перед Bootstrap?

Comments

[yarcowen]

Шрифт не подключен, но иконка есть.

У меня сначала был подключен скрипт фреймворка, а потом jquery. Спасибо! Поменял местами и заработало!

[alex-1917]

yarcowen,

сначала был подключен скрипт фреймворка, а потом jquery

Садись, два!

Answer 2

[Семён Сорокин]

Jquery и скрипты самого фреймворка подключили?

Comments

[yarcowen]

Да. Все подключено