css实现Bootstrap导航条鼠标悬停下拉菜单

上一章转载了微笑的鱼的《实现Bootstrap导航条可点击和鼠标悬停显示下拉菜单》文章后,又发现了利用CSS可以给Bootstrap导航条实现鼠标悬停显示下拉菜单。Bootstrap的导航条下拉菜单为了适应移动设备没有鼠标hover的状态,都是点击弹出下拉菜单,为了适应一般网站使用,添加下面一段CSS代码,鼠标hover时就弹出二级菜单。

.navbar .nav > li .dropdown-menu {
margin: 0;
}
.navbar .nav > li:hover .dropdown-menu {
display: block;
}

代码来自:http://runjs.cn/detail/ph5xdsde

    这里还没有评论

发表留言,喵!