bootstrapv4 版本是不错的跨屏的响应式前端框架，在我们平常做前端外包切图项目中时常有用到，相比v3版本增加了很多附加样式属性，可以方便灵活的对网页进行修饰和调整，不过导航二级菜单和v3一样需要点击才出现二级菜单，这样多一次点击操作，明显没有hover鼠标移上去出现更方便，体验好，所以附bootstrap v4移上去出现二级菜单（点击改hover）方法，亲测有用。

相关链接：《bootstrap v3二级菜单改为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, 二级菜单, 菜单