2013-02-12 2 views
1

트위터 부트 스트랩의 드롭 다운 메뉴에 입력 필드를 맞추는 데 어려움을 겪고 있습니다.부트 스트랩 드롭 다운 메뉴의 포커스 입력 필드

<div class="btn-group"> 
    <button class="btn dropdown-toggle" data-toggle="dropdown"> 
    Groups <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu"> 
    <li><a href="#">Friends <i class="icon-ok pull-right"></i></a></li> 
    <li><a href="#">Family <i class="icon-ok pull-right"></i></a></li> 
    <li><a href="#">Other</a></li> 
    <li class="divider" /> 
    <li><input type="text" class="input-block-level" placeholder="New group" /></li> 
    </ul> 
</div> 

나는이에 대한 jsFiddle을 만들었습니다 다음과 같이 내 HTML 태그는 http://jsfiddle.net/Yppqw/2/

어떻게 입력 필드를

+1

여기에 중복 질문이 있습니다. http://stackoverflow.com/questions/8110356/dropdown-with-a-form-inside-with-twitter-bootstrap – zanegray

+0

감사합니다. @ zanegray. 그걸 찾지 못했습니다. 이 질문을 닫는 중 –

답변

1

시도를 중심으로 할 때 아래로 볼 드롭을 유지하는 말해 주시겠습니까 'the btn-group'클래스를 사용하여 요소에 'dropdown'클래스를 추가하십시오.

다른 버튼이 옆에있는 경우를 제외하고는 해당 btn 그룹 클래스를 제거 할 수 있습니다.

관련 문제