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

Bootstrap的导航条下拉菜单为了适应移动设备没有鼠标hover的状态，都是点击弹出下拉菜单，为了适应一般网站使用，我稍作了一些修改，鼠标hover时就弹出二级菜单。

效果图：

CSS修改：

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

实例源码：

 
 
 
  
  
  
  
  
  
 .navbar .nav > li .dropdown-menu { 
 margin: 0; 
 } 
 .navbar .nav > li:hover .dropdown-menu { 
 display: block; 
 } 
  
 
 
  
  
  
 
 
  
Home
 
  
SVN 
  
 
  
sub SVN1
 
  
sub SVN2
 
  
 
  
 
  
iOS
 
  
VB.Net
 
  
Java 
  
 
  
sub Java1
 
  
sub Java2
 
  
 
  
 
  
PHP
 
 
 
  
  
  
 

 Find it more from：http://runjs.cn/detail/k4ahmcgc

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。