일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
Tags
- happycgi
- #업종별
- #이미지
- 사이트제작
- #홈페이지
- #동영상
- 홈페이지
- 게시판
- jquery
- 웹솔루션
- #홈페이지제작
- #jQuery
- #image
- CSS
- #뉴스
- #happycgi
- #솔루션
- #CSS
- CGIMALL
- 해피씨지아이
- 솔루션
- php
- 이미지
- javascript
- #쇼핑몰
- #cgimall
- 해피CGI
- #웹솔루션
- 홈페이지제작
- #해피CGI
- Today
- Total
웹솔루션개발 25년 노하우! 해피CGI의 모든것
[해피CGI][cgimall]bootstrap을 이용한 간단한 드롭다운 메뉴 본문
복잡한 자바스크립트 소스 대신 간단하게 bootstrap을 활용한 드롭다운 메뉴 소스입니다.

기본 적인 1차 메뉴 구성 및 1차 메뉴 마우스 오버 효과는 물론이고
클래스 지정을 통해 간단하게 2차 드롭다운 메뉴 구성도 가능합니다.
다른 클래스(.nav-stacked) 지정으로 상하 메뉴 구성도 손쉽게 가능합니다.



기본 적인 1차 메뉴 구성 및 1차 메뉴 마우스 오버 효과는 물론이고
클래스 지정을 통해 간단하게 2차 드롭다운 메뉴 구성도 가능합니다.
다른 클래스(.nav-stacked) 지정으로 상하 메뉴 구성도 손쉽게 가능합니다.



'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글
[해피CGI][cgimall] 주석처리시 유용한 주석기본폼. (0) | 2017.11.07 |
---|---|
[해피CGI][cgimall]Super cool flat accordion effect (0) | 2017.10.25 |
[해피CGI][cgimall]마우스 스크롤링을 이용한 페이지 섹션을 타켓팅 할 수 있는 bootstrap (0) | 2017.10.19 |
[해피CGI][cgimall]Sliding preview images Panels (0) | 2017.10.17 |
[해피CGI][cgimall]css 만으로 디자인하는 Checkbox, Radio button, Select box (0) | 2017.10.10 |
Comments