벽돌과 부트 스트랩 3 드롭 다운 메뉴

Question

부트 스트랩 3 드롭 다운 메뉴 내에서 석조물을 사용하려고합니다.

.dropdown-menu { 
    display: none; 
} 

.open > .dropdown-menu { 
    display: block; 
} 

내의 요소를 구성 할 메뉴의 폭과 높이를 결정 할 수없는 점에서 벽돌과 충돌을 일으키는 :

은 내가 찾는거야하면 다음과 같은 선언이 있다는 것입니다. - 해피 일

.dropdown-menu { 
    visibility: hidden; 
} 

.open > .dropdown-menu { 
    visibility: visible; 
} 

짜잔 : 나는 위의 선언을 변경하는 경우

내가 찾을 수 있습니다. 문제가 있는데 Bootstrap.css를 prod의 CDN에서 제공하기 때문에 변경할 수 없습니다.

내 custom.css에서 다시 선언하려고했지만 가시성 대신 다음 표시를 사용합니다. 표시 규칙을 덮어 쓰지 않습니다.

누구나 비슷한 경험을했거나 Bootstrap.css에서 선언을 제거하고 custom.css에서 선언을 제거 할 수있는 방법이 있습니까?

Answer 1

부트 스트랩 이후에 사용자 정의 CSS 파일을로드하면 부트 스트랩 선언을 덮어 쓸 수 있습니다. 그런 다음 필요한 CSS 선택기를 사용하고 부트 스트랩 값을 자신의 것으로 덮어 쓸 수 있습니다.

Answer 2

이 경우의 대답은 .dropdown 클래스를 다시 선언하는 것과 같습니다.

잘 작동하는 것 같습니다.