다른 버튼이있는 btn-container의 부트 스트랩 버튼 드롭 다운

자유 시간에 WYSIWYG 편집기를 만들고 있습니다. 드롭 다운을 사용하여 직접 서식을 선택할 수있게하기로 결정했습니다. 문제는 단추 아래에 있지만 단추 컨테이너 시작 부분에 드롭 다운을 추가 할 때입니다.다른 버튼이있는 btn-container의 부트 스트랩 버튼 드롭 다운

여기 내 뜻을 나타내는 이미지입니다.

enter image description here

첫 번째 버튼은 텍스트를 왼쪽으로 정렬되어 있기 때문에 ... 미안 내가 그 문제를 해결하는 방법을 찾기 위해 시도했지만 드롭 다운 마지막 버튼에서입니다 활성 보인다.

제 질문은 트위스트 부트 스트랩 드롭 다운을 정렬하는 방법이 있습니까, 아니면 버튼 상수가 될 것으로 예상되는 버튼을 사용하거나 드롭 다운을 버튼 컨테이너의 폭으로 만들어야합니다.

출처

2013-02-12 Robert E. McIntosh

예.

.right-menu, .dropdown-menu.right-menu {left: auto; right: 0;}

가 동일한의 작업 데모 jsFiddle에있을 것입니다 : 당신은 그냥 목표 나 클래스를 제공함으로써,이 오는 <ul>에 대한 규칙, left: auto; right: 0;를 추가 할 수 .right-menu,이 방법을 말한다.

출처

2013-02-12 18:29:56

하지만 드롭 다운 중앙 또는 오른쪽에 있다면? 나는 현재 "pull-right"클래스를리스트 요소에 추가하고 있지만 더 좋은 방법이 있는지 알고 싶습니다. –

아니요, 이것은 올바른 방법입니다.'pull-right'는 드롭 다운을 플로팅 할 것이지만 절대적으로 위치하므로 영향을받지 않을 것입니다! –

내 관심은 이것이 항상 오른쪽에 위치하지 않을 수 있다는 것입니다. 드롭 다운을 포함하는 방법이 있다면 호기심이 생겼습니다. 모든 버튼에 대한 실제 컨테이너가 아닌 드롭 다운을 포함하는 버튼에 상대적입니다. 나는 div 또는 무언가로 그것을 모두 포장하려고 시도 할 것 같아요. –

.dropdown-menu에 .pull-right을 사용하면 컨테이너 오른쪽에 붙이는 것이 나쁜 것은 아닙니다. 당신이 컨테이너로이 같은 큰 수 있도록하려는 경우, 당신이 당신의 메뉴로이 적용 시도 할 수

// Aligns the dropdown menu to right 
&.pull-right { 
    right: 0; 
    left: auto; 
}

the source에서 보는 바와 같이

,이 클래스는 그렇게하기위한 것입니다

.dropdown-menu { 
    min-width: 100%; 
}

더 큰 메뉴가있는 경우에 대비하여 .pull-right을 유지해야합니다.

확인 fiddle demo

출처

2013-02-12 18:53:38 Sherbrow

다른 버튼이있는 btn-container의 부트 스트랩 버튼 드롭 다운

답변

관련 문제