Mam navbar i mam karetkę obok rozwijanego menu.Twitter bootstrap split dropdown
W aktualnym kodzie, jeśli użytkownik kliknie tekst Operations
, lub menu rozwijane, otwiera się menu rozwijane. Ale muszę to:
- Jeśli użytkownik kliknie odnośnik
Operations
, chcę użytkownika, aby przejść do mojego/operations/
stronie. - Jeśli użytkownik kliknie na karetkę, menu rozwijane będzie widoczne. Jeśli użytkownik kliknie jedno z elementów menu rozwijanego, użytkownik zostanie przekierowany na pokrewną stronę.
Fiddle: http://jsfiddle.net/mavent/UtDqm/2/
<div class="navbar navbar-inverse">
<li class="dropdown" id="myTools">
<a class="dropdown-toggle" data-toggle="dropdown" href="#myTools">
Operations
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="/mypage1/">MyPage 1</a></li>
<li><a href="/mypage2/">MyPage 2</a></li>
</ul>
</li>
</div>
na Twitter dokumentacji bootstrap zauważa się, jak tworzyć listy rozwijanej przycisk Podziel here. Nie chcę używać przycisków. Czy możliwe jest zachowanie podziału bez użycia przycisków. Tylko z linkami?
Dlaczego nie można po prostu zawinąć daszka w 'rozwijanej-toggle' i dodać normalny' href' do tekstu operacji? Zobacz [tutaj] (http://jsfiddle.net/UtDqm/5/) –
@ JoshuaM takie samo zachowanie jak odpowiedź Stevie. Działa to, ale karetka przechodzi do następnej linii w pasku nawigacyjnym. [link do obrazu] (http://img571.imageshack.us/img571/4656/oper1.jpg) – trante
Czy masz ustawiony styl 'a' na' display: block'? To wszystko, co mogę wymyślić, ponieważ to [działa dobrze dla mnie.] (Http://i.imgur.com/muE2sMI.png) –