dropdown di Twitter splitdowndown

Question

Ho una barra di navigazione e ho un accento accanto al menu a discesa.

Nel codice corrente, se l'utente fa clic su Operations testo o punto di inserimento, viene aperto il menu a discesa. Ma ho bisogno di questo:

• Se l'utente fa clic Operations collegamento, voglio all'utente di andare alla mia pagina /operations/.
• Se l'utente fa clic sul punto di inserimento, il menu a discesa sarà visibile. Se l'utente fa clic su uno degli elementi del menu a discesa, l'utente verrà reindirizzato alla pagina correlata.

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> 

twitter documentazione bootstrap si fa notare come creare menù a discesa pulsante Dividi here. Non voglio usare i pulsanti. È possibile avere un comportamento diviso senza utilizzare i pulsanti. Solo con i link?

Answer 1

Non potresti semplicemente dividere il collegamento Operazioni in un nuovo tag <a>?

<div class="navbar navbar-inverse"> 
    <li class="dropdown" id="myTools"> 
    <a href="/operations/" style="display:inline-block;padding-right:0px;">Operations</a> 
    <a class="dropdown-toggle" data-toggle="dropdown" href="#myTools" style="display:inline-block;padding-left:0px;"> 
     <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> 

Answer 2

Stai cercando qualcosa di simile?

<div class="btn-group"> 
    <a href="http://google.com" target="_blank" class="btn btn-link">Action</a> 
    <a href="#" class="btn btn-link dropdown-toggle" data-toggle="dropdown"> 
    <span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu"> 
     <li><a href="/mypage1/">MyPage 1</a></li> 
     <li><a href="/mypage2/">MyPage 2</a></li> 
    </ul> 
</div> 

http://jsfiddle.net/UtDqm/6/