BloggerAds

2014年7月11日 星期五

Bootstrap 功能表在滑鼠懸停時自動展開

From: Polin Wei

在網頁上用下面的CSS覆蓋Bootstrap的CSS就行,但是要注意,平板和手機等觸控式螢幕不支持懸停的,最好只覆蓋桌上出版的CSS。

ul.nav li.dropdown:hover ul.dropdown-menu{
display: block;
}
/* if you want to hide the arrow */
a.menu:after, .dropdown-toggle:after {
content: none;
}

原文:http://www.emoticode.net/css/how-to-make-bootstrap-dropdown-menu-expand-on-hover.html
參考:http://stackoverflow.com/questions/8878033/how-to-make-twitter-bootstrap-menu-dropdown-on-hover-rather-than-click

沒有留言:

張貼留言