부트 스트랩 "드롭 다운"을 버튼 옆쪽으로 펼치십시오.

Question

부트 스트랩 (3.2.0)을 사용하여 사이트를 구축하고 있으며 페이지에 "드롭 다운"메뉴 스타일을 트리거하고 싶은 버튼이 있습니다 그러나 효과는 버튼에서 메뉴가 아래쪽으로 확장되는 대신 오른쪽으로 밀어 내고 싶습니다. "드롭 다운"메뉴 항목은 일반처럼 수직으로 스택되지만 메뉴의 상단이 버튼 하단에 연결되는 대신 메뉴의 왼쪽 상단이 메뉴의 상단 오른쪽에 연결됩니다. 단추.

Answer 1

좋은 생각처럼 들리 네요. 옆에서 탐색 한 예입니다. 그물에서 발견되었습니다. 은`.dropdown-menu`로서 http://www.bootply.com/uBVgiR9DDd

.dropdown-menu.multi-column { 
    width: 400px; 
} 

.dropdown-menu.multi-column .dropdown-menu { 
    display: block !important; 
    position: static !important; 
    margin: 0 !important; 
    border: none !important; 
    box-shadow: none !important; 
} 

<ul class="nav"> 
    <li class="dropdown"> <a class="" href="#" data-toggle="dropdown">Dropdown Heading</a> 

     <div class="dropdown-menu multi-column"> 
      <div class="container-fluid"> 
       <div class="row-fluid"> 
        <div class="span6"> 
         <ul class="dropdown-menu"> 
          <li><a class="" href="#">Col 1 - Opt 1</a> 

          </li> 
          <li><a class="" href="#">Col 1 - Opt 2</a> 

          </li> 
         </ul> 
        </div> 
        <div class="span6"> 
         <ul class="dropdown-menu"> 
          <li><a class="" href="#">Col 2 - Opt 1</a> 

          </li> 
          <li><a class="" href="#">Col 2 - Opt 2</a> 

          </li> 
         </ul> 
        </div> 
       </div> 
      </div> 
     </div> 
    </li> 
</ul>