트위터 부트 스트랩 분할 드롭 다운

Question

나는 navbar를 가지고 있으며 드롭 다운 메뉴 옆에 캐럿이 있습니다.

현재 코드에서 Operations 텍스트 또는 캐럿을 클릭하면 드롭 다운 메뉴가 열립니다. 하지만이 필요합니다 사용자가 Operations 링크를 클릭하면

이

• , 나는 사용자가 내 /operations/ 페이지로 이동합니다.
• 사용자가 캐럿을 클릭하면 드롭 다운 메뉴가 표시됩니다. 드롭 다운 메뉴의 요소 중 하나를 클릭하면 사용자가 관련 페이지로 리디렉션됩니다.

바이올린 : 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> 

이 트위터 부트 스트랩 문서에서는 분할 버튼의 드롭 다운 here를 만드는 방법을 알 수있다. 나는 버튼을 사용하고 싶지 않다. 버튼을 사용하지 않고 분할 동작을 수행 할 수 있습니까? 링크 만 있으면 되나요?

Answer 1

운영 링크를 새로운 <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

이와 비슷한 제품을 찾고 계십니까?

<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/