부트 스트랩 3.0을 사용하여 상위 메뉴의 오른쪽에 하위 메뉴를 표시하는 방법은 무엇입니까?

면도기보기에서 parent 항목의 오른쪽에 하위 메뉴를 표시하려고하지만 현재는 parent 항목 아래에 표시됩니다! 다른 bootstrap classes을 적용했지만 아무런 차이가 없습니다!부트 스트랩 3.0을 사용하여 상위 메뉴의 오른쪽에 하위 메뉴를 표시하는 방법은 무엇입니까?

<ul class="nav nav-pills nav-stacked"> 
    <li class="active"><a >Menues</a></li> 
    @{ 
     if (Model.MenuRights != null) 
     { 
      foreach (MenuRight header in Model.MenuHeaders.ToList()) 
      { 
       <li class="dropdown"> 
        <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Main Item </a><hr /> 
        <ul class="dropdown-menu" role="menu" > 
         <li><a>Inner item 1</a></li> 
         <li><a>Inner item 2</a></li> 
         <li><a>Inner item 3</a></li> 
        </ul> 
       </li> 

      } 
     } 

}

출처

2014-10-14 Baqer Naqvi

게시 할 때 문제를 재현하는 코드를 포함하십시오. 'Model.MenuHeaders.ToList()'가 무엇을 해결했는지 모르기 때문에, 당신이 무엇을 배우고 있는지를 아는 것은 어렵습니다. ** 또한 **, 당신은 어떤 요소를'부모 '라고 부릅니까? Menues? 또는 Main item? 아마도 원하는 결과를 그릴 수 있습니다. – Mark

메인 아이템은 부모 아이템이고 이너 아이템은 서브 메뉴입니다! 메인 아이템의 오른쪽에 서브 메뉴를 표시하고 싶습니다! @표 –

이와 비슷한?

enter image description here

만든 클래스 :

.rightMenu { 
    top: 0; 
    left: auto; 
    right: 0; 
}

그리고 마크 업이된다 :

<ul class="dropdown-menu rightMenu" role="menu"> 
    <hr /> 
    <li><a>Inner item 1</a> 
    </li> 
    <li><a>Inner item 2</a> 
    </li> 
    <li><a>Inner item 3</a> 
    </li> 
</ul>

예 here.

출처

2014-10-14 16:05:28 Mark

부트 스트랩 3.0을 사용하여 상위 메뉴의 오른쪽에 하위 메뉴를 표시하는 방법은 무엇입니까?

답변

관련 문제