Firefox에서 이상한 부트 스트랩 드롭 다운 및 버튼 동작

Question

부트 스트랩이있는 navbar 메뉴를 만들고 있습니다. 3. 버튼이있는 드롭 다운 메뉴가 있습니다. Chrome에서는 디스플레이가 작동하지만 Firefox에서는 작동하지 않습니다. FF에서는 메뉴 테두리가 단추 대신 잘립니다.

Firefox에서 올바른 디스플레이를 얻으려면 이상한 "해킹"을 발견했습니다. 버튼 요소만큼 텍스트가 많은 일반 링크 요소를 추가하면 올바르게 표시됩니다.

오류가있는 사이트. 19 ~ 29 행. http://bootply.com/101568

해킹 (산 요소 옆에 숫자 3에 해당) : http://bootply.com/101564

파이어 폭스에서 제대로 표시 할 수있는 디스플레이를 얻을 수있는 더 나은 방법이 있나요, 그렇다면, 그것은 무엇인가 라인 (21)에?

Answer 1

드롭 다운의 버튼 사용은 공식적으로 지원되지 않습니다 (버전 3.0.3 기준). 그러나 미래에 추가 할 수있는 것과 같은 것으로 들립니다.

드롭 다운의 스타일과 js는 선택자로 .dropdown > li > a을 사용합니다. 따라서 링크를 사용하지 않으면 이상하고 일치하지 않는 결과가 발생합니다. MDO에서

Style input/button tags in dropdowns

견적 (bootstap의 창조자) ... V4 떨어질 때까지

, 우리는 드롭 다운 항목의 동작을 변경할 수없고, 그에서 나는 유일한 방법은 우리를 의미 이것에 대한 계정은 드롭 다운 링크 (예 : .dropdown> li> a 대신 .dropdown-item)에 필수 클래스가있는 것입니다. 이전 선택기를 더 이상 사용하지 않는 경우 v3.1에서이 문제를 설명 할 수 있지만 거래가 확실하지 않은 경우