bootstrap如何显示响应列表（v4移上去出现二级菜单）
bootstrap如何显示响应列表（v4移上去出现二级菜单）$(document).ready(function() { dropdownOpen(); }); function dropdownOpen() { var $dropdownLi = $('li.dropdown'); $dropdownLi.mouseover(function() { $(this).addClass('show').find('.dropdown-menu').addClass('show'); }).mouseout(function() { $(this).removeClass('show').find('.dropdown-menu').removeClass('show');; }); }标签：bootstrap dropdown dr
bootstrapv4 版本是不错的跨屏的响应式前端框架，在我们平常做前端外包切图项目中时常有用到，相比v3版本增加了很多附加样式属性，可以方便灵活的对网页进行修饰和调整，不过导航二级菜单和v3一样需要点击才出现二级菜单，这样多一次点击操作，明显没有hover鼠标移上去出现更方便，体验好，所以附bootstrap v4移上去出现二级菜单（点击改hover）方法，亲测有用。
相关链接：《bootstrap v3二级菜单改为hover时显示》
http://www.qietu.com/bootstrap-nav-hover/
对于v3代码进行了改良，即可用在v4版本下
$(document).ready(function() {
dropdownOpen();
});
function dropdownOpen() {
var $dropdownLi = $('li.dropdown');
$dropdownLi.mouseover(function() {
$(this).addClass('show').find('.dropdown-menu').addClass('show');
}).mouseout(function() {
$(this).removeClass('show').find('.dropdown-menu').removeClass('show');;
});
}
标签：bootstrap dropdown dropmenu 二级菜单 菜单
