부트스트랩 메인메뉴 오버시 서브메뉴 보이기
컨텐츠 정보
- 12,731 조회
- 0 추천
- 목록
본문
부트스트랩(bootstrap)에서 기본적으로 제공하는 메뉴는 메뉴를 클릭해야 서브메뉴가 보여지는데
메뉴를 클릭하지 않고 마우스 오버시 서브메뉴가 보여지게 하는 방법은 아래 css를 추가하면 됩니다.
<style>
ul.nav li.dropdown:hover > ul.dropdown-menu{display:block; margin:0;}
</style>
ul.nav li.dropdown:hover > ul.dropdown-menu{display:block; margin:0;}
</style>
마우스 오버시 서브메뉴가 출력되게 했다면 메인메뉴 클릭시 해당링크로 이동하게 하는 방법은
data-toggle="dropdown" 부분을 삭제하면 됩니다.
<a href="#" class="dropdown-toggle" data-toggle="dropdown">메뉴1 <b class="caret"></b></a>
관련자료
-
링크
댓글 0
등록된 댓글이 없습니다.