부트스트랩 풀드롭다운 메뉴, 미디어쿼리 수정본

부트스트랩 풀드롭다운 메뉴, 미디어쿼리 수정본

/* 메뉴 드롭시 넓이 100%로 내려은 스타일 */

.nav { margin-bottom: 0; }
.nav > li.dropdown.open { position: static; }
.nav > li.dropdown.open .dropdown-menu {display: inline-block; width: 100%; text-align: center; left:0; right:0; }
.dropdown-menu>li { display: inline-block; }

 

/* 부트스트랩 드롭다운메뉴, 미디어쿼리 수정 */
 
.dropdown .dropdown-menu {
 background-image:url(../images/main_vi.jpg);
 background-position:top;
 background-size:cover;
 background-repeat:no-repeat;
}

.dropdown .dropdown-menu li {
 vertical-align: top;
 margin:60px 0 60px 0;
}

@media(max-width:768px) {
 .dropdown .dropdown-menu {
  background-image: none;
 }
 .dropdown .dropdown-menu li {
  vertical-align: top;
  margin:10px 0 10px 0;
 }

}