twitter bootstrap typeahead dropdown

Question

안녕하세요 저는 트위터 부트 스트랩을 사용하고 있습니다. 내 모델 창에서 앞머리를 사용했습니다. 내 문제는 텍스트 상자에 입력 할 때 드롭 다운이 완벽하지만 텍스트 상자의 맨 아래로 오는 것입니다. 드롭 다운이 올 때 특성 세트가 있음을 확인했습니다. 하지만 런타임에 어떻게 변경해야할지 모르겠다.

내가 CSS에서 좋은 아니에요 : 여기

은 이미지입니다. 아무도이 문제를 해결하기 위해 무엇을해야한다고 말할 수 있습니까?

Answer 1

부트 럽트에서 typeahead 클래스의 기본 스타일 중 일부를 무시해야합니다. 특히 position을 relative로 설정하고 z-index를 10000으로 설정하여 제대로 표시되도록 할 수 있습니다. position 속성을 사용하려면! important 선언을 사용해야합니다.

.typeahead { 
    position:relative !important; 
    z-index:10000; 
}​ 

http://jsfiddle.net/technotarek/Msttw/으로 작업 내역을 참조하십시오.

내 앞 글자 값은 무지개를 발동하는 데 어려움이있을 경우를 대비 한 것입니다.

정확한 양식 레이아웃에 따라 맨 위/맨 아래 또는 왼쪽/오른쪽 CSS 속성을 사용하여 상황에 맞게 글 머리 기호 요소의 위치를 ​​조정해야 할 수도 있습니다.