- 작성일자
- 카테고리 부트스트랩/부트스트랩으로 디자인하기
트위터 부트스트랩을 이용하면 기본적으로 메뉴바의 주메뉴를 클릭해야 서브 메뉴가 나타나는 것이 기본 설정입니다. 이전 글에서 클릭하지 않고도 마우스만 올리면 서브 메뉴가 나타나는 방법을 소개했는데 새로운 방법이 있더군요. 간단하게 스타일시트만 추가하면 됩니다. 이 방법은 CSS에서 아주 많이 사용해왔는데 고정관념이란 것이 아주 무섭네요. 부트스트랩은 이렇게 설정이 돼있으니까 항상 이렇게 사용해야한다는 것이 고정관념이었습니다. 더구나 마우스를 올리면 서브 메뉴가 나오도록 하는 플러그인이 나와있으니까 이러한 고정관념을 더욱 부채질하지 않았나 하는 생각도 듭니다.
이 플러그인이 존재의 가치가 있을지는 두고봐야겠지만 스타일시트로 간단하게 처리하는 방법은 다음과 같습니다.
ul.nav li.dropdown:hover > ul.dropdown-menu{
display: block;
margin: 0;
}
스타일시트에 위 코드만 추가하면 됩니다. 간단하죠. 이전에는 제이쿼리 플러그인을 추가하고, 링크 만들고, 스크립트 코드 추가하고, 선택자를 추가하는 번거로움이 없어졌습니다.
'부트스트랩 > 부트스트랩으로 디자인하기' 카테고리의 다른 글
부트스트랩 무료 테마 12선 (1) | 2015.05.07 |
---|---|
부트스트랩 무료 HTML 템플릿 (0) | 2015.04.16 |
부트스트랩으로 워드프레스 테마 만들기(가제) 책 출간 예정 (15) | 2015.02.01 |
트위터 부트스트랩으로 만드는 워드프레스 테마 서적 첨부 파일 (4) | 2014.08.27 |
트위터 부트스트랩 최신 버전과 그리드 시스템 이해하기 (12) | 2013.10.29 |
트위터 부트스트랩 드롭다운 메뉴 마우스 오버 시 서브 메뉴 보이기 2 (5) | 2013.10.29 |
트위터 부트스트랩 드롭다운 메뉴 마우스 오버 시 서브 메뉴 보이기 (2) | 2013.10.23 |
부트스트랩 구버전 원본 파일 다운 받는 방법 (0) | 2013.08.31 |
트위터 부트스트랩 3.0 버전 7월 27일 현재 미리보기(RC1) - Twitter Bootstrap 3.0 Preview (2) | 2013.07.27 |
트위터 부트스트랩 3.0 버전 7월 19일 현재 미리보기 - Twitter Bootstrap 3.0 Preview (1) | 2013.07.19 |
트위터 부트스트랩으로 만든 무료 CMS 관리자(Admin Panel, Dashbord) 템플릿 (5) | 2013.07.09 |
댓글 목록
정말 간단해서 좋네요~ 고맙습니다.
감사합니다.
관리자의 승인을 기다리고 있는 댓글입니다
관리자의 승인을 기다리고 있는 댓글입니다
관리자의 승인을 기다리고 있는 댓글입니다