На веб-сайте Bootstrap субнав совпадает с разделами и меняет цвет фона как вы или переходите к разделу. Я хотел создать собственное меню без всех цветов фона и всего, однако я изменил свой CSS, чтобы быть похожим, но когда я прокручиваю вниз или нажимаю на элемент меню, активный класс не переключается. Не уверен, что я делаю неправильно.
HTML:
<ul class="menu">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
CSS
.menu {list-style:none;}
.menu > li {float: left;}
.menu > li > a {color:#555;float: none;padding: 10px 16px 11px;display: block;}
.menu > li > a:hover {color: #F95700;}
.menu .active > a, .menu .active > a:hover {color:#F95700;}
Я проверил файлы; jQuery, bootstrap.js и bootstrap.css связаны правильно. Должен ли я добавить некоторый дополнительный jQuery или мне не хватает какого-либо CSS, чтобы заставить активное переключаться, как меню subnav на своем сайте?