2
У меня есть выпадающее меню в моей навигационной панели, но у него есть довольно много подпунктов. Это нормально на большом экране, но когда навигация рушится, они не очень важны, чтобы заняться всей комнатой, в которой они работают.Скрыть выпадающие подэлементы, когда рухнул в Twitter Загрузочный бокс
Есть ли способ закрыть раскрывающийся список при его свертывании или удалить выпадающий список и подэлементы и заменить его тегом привязки (где он перейдет на страницу, где пользователь может выбрать подэлемент)? Или я думаю об этом все неправильно?
<!-- Navbar -->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="/">mybrand</a>
<div class="nav-collapse">
<ul class="nav">
<li<{if $contenttemplate == "option1"}> class="active" <{/if}>><a href="/">option1</a></li>
<li<{if $contenttemplate == "option2"}> class="active" <{/if}>><a href="/option2">option2</a></li>
<li<{if $contenttemplate == "option3"}> class="active" <{/if}>><a href="/option3">option3</a></li>
<li<{if $contenttemplate == "dropdown"}> class="dropdown active" style="background-color:rgba(0,0,0,0.5);"
<{else}> class="dropdown"<{/if}>>
<a class="dropdown-toggle" data-toggle="dropdown" href="#">lists<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/lists/number1">number1</a></li>
<li><a href="/lists/number2">number2</a></li>
<li><a href="/lists/number3">number3</a></li>
<li><a href="/lists/number4">number4</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
Возможно, это невозможно - я не могу решить, как это сделать. –
даже мне это нужно. Я думаю, что решение заключается в использовании медиа-запроса, а затем для выбранного набора элементов: none – Prasad