Помогите пожалуйста настроить адаптивное меню, используя bootstrap.
У меня почти все получилось: При сужении экрана, меню прячется, появляется кнопка, которая разворачивает все пункты.
Но проблема с выпадающими подменю. Те категории у которых есть выпадающее подменю, не разварачиваются на любой странице. Разворачивание подпунктов происходит только на той странице, к которой этот пункт относится.
Вот пример: http://eleonora72.ru/demo/upload
С главной страницы ни один пункт меню не разворачивается. Если перейти на страницу "Компьютеры", то разворачивается пункт "Компьютеры", если войти на с траницу "Ноутбуки", то с нее можно развернуть только пункт "Ноутбуки", а компютеры уже не развернешь.
Помогитре пожалуйста донастроить адаптивное меню Bootstrap.
Вот код, который сейчас получился:
<?php if ($categories) { ?>
<div class="container">
<div class="navbar navbar-default" id="menu" role="navigation">
<div class="navbar-header">
<button class="navbar-toggle" data-target=".navbar-collapse"
data-toggle="collapse" type="button">
<span class="sr-only">Развернуть меню</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<?php foreach ($categories as $category) { ?>
<li class="dropdown"><?php if ($category['active']) { ?>
<a class="dropdown-toggle" data-toggle="dropdown"
href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?>
<b class="caret"></b>
</a>
<?php } else { ?>
<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
<?php } ?>
<?php if ($category['children']) { ?>
<div class="dropdown-menu">
<?php for ($i = 0; $i < count($category['children']);) { ?>
<ul>
<?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
<?php for (; $i < $j; $i++) { ?>
<?php if (isset($category['children'][$i])) { ?>
<li>
<a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a>
</li>
<?php } ?>
<?php } ?>
</ul>
<?php } ?>
</div>
<?php } ?>
</li>
<?php } ?>
</ul>
</div>
</div>
</div>
<?php } ?>
Подозреваю, что в этой строчке сидит ошибка:
<li class="dropdown"><?php if ($category['active']) { ?>
<a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?><b class="caret"></b></a>
но как исправить не знаю. Прошу помощи.