Bootstrap mouseoverプルダウンメニューEnable Hover for Bootstrap Nav Dropdowns
1085 ワード
Bootstrap v3′s navigation has menus toggle enabled by default — you have to click to have them open/show, and click again to them shut (hide).
Wouldn’t it be nice to also have menus open through hovering your mouse over them?
It's a simple CSS addition.
Use the below CSS to have both toggling and hovering for menus.
Told you it was simple!
原文:http://www.joostrap.com/support/tutorials-videos/202-how-to-enable-hover-for-nav-dropdowns
またはプラグインを使用します.
プラグインbootstrap-hover-dropdownを参照します.min.js後、Just add
プラグインのダウンロード:bootstrap-hover-dropdown-master
プロジェクトのアドレス:https://cameronspear.com/blog/bootstrap-dropdown-on-hover-plugin/
転送元:Bootstrap mouseoverドロップダウンメニューEnable Hover for Bootstrap Nav Dropdowns
Wouldn’t it be nice to also have menus open through hovering your mouse over them?
It's a simple CSS addition.
Use the below CSS to have both toggling and hovering for menus.
.dropdown:hover .dropdown-menu {
display: block;
}Told you it was simple!
原文:http://www.joostrap.com/support/tutorials-videos/202-how-to-enable-hover-for-nav-dropdowns
またはプラグインを使用します.
プラグインbootstrap-hover-dropdownを参照します.min.js後、Just add
data-hover="dropdown" where you'd put data-toggle="dropdown"， data-delay="1000"
原文:https://cameronspear.com/demos/bootstrap-hover-dropdown/プラグインのダウンロード:bootstrap-hover-dropdown-master
プロジェクトのアドレス:https://cameronspear.com/blog/bootstrap-dropdown-on-hover-plugin/
転送元:Bootstrap mouseoverドロップダウンメニューEnable Hover for Bootstrap Nav Dropdowns