[html] 부트 스트랩 드롭 다운 버블 오른쪽 정렬 (오른쪽 밀기가 아님)

Program / 글쓴이

내 상단 메뉴에 장바구니가 있으며 사용 중 push-right내 문제는 드롭 다운 거품이 페이지에서 떨어지는 것입니다. 버블을 오른쪽으로 정렬하여 ‘클릭’과 오른쪽 정렬되도록 노력하고 있습니다.

이렇게

여기에 이미지 설명 입력

HTML :

<div class="cart pull-right">
  <ul class="nav">
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a>
       <div class="dropdown-menu">
       STUFF
       </div>
    </li>
  </ul>
</div>

답변

부트 스트랩 3.1 이상

클래스 드롭 다운 메뉴를 포함하는 동일한 div에 .dropdown-menu-right 클래스 추가 :

<div class="dropdown-menu dropdown-menu-right">
    STUFF
</div>

http://getbootstrap.com/components/#dropdowns-alignment

부트 스트랩 2.3 및 3.0

클래스 드롭 다운 메뉴를 포함하는 동일한 div에 .pull-right 클래스를 추가합니다. 

<div class="dropdown-menu pull-right">
    STUFF
</div>

이것은 부트 스트랩 3.0을 사용하여 나를 위해 작동하는 것 같습니다.

답변

이는 부트 스트랩 클래스 해결할 수 dropdown-menu-right 로 dropdown-menu즉 CSS 속성을 사용하여이 문제에 대한 구체적이고 right: 0;그리고 left: auto;오른쪽 정렬 그것에.

이 솔루션은 저에게 효과적입니다.

출처-http: //getbootstrap.com/components/#btn-dropdowns-dropup (이에 대한 개발자 도구로 이동)

답변

<div class="dropdown-menu dropdown-menu-right">

이것은 boostrap 4.2.1에서 여전히 작동합니다. 🙂

답변

bootstrap v 3.1.0이 질문 에 대한 대답은 다릅니다.

jsfiddle

<div class="dropdown-menu pull-menu-right">
       STUFF
</div>

답변

알았어!

position:relative;left:0 의 위에 <ul class="dropdown-menu">

답변