如何在bootstrap中使用多汉堡包菜单

时间:2017-06-02 20:39:05

标签: twitter-bootstrap bootstrap-4

我已使用bootstrap在一个网页中成功添加了两个汉堡包菜单。 现在,我有一个问题,当我坍塌右边的那个,然后我折叠了左边的一个,它们都保持倒塌。 我想要的是,让其中一个同时崩溃。

我在[此代码] [1]上发现了类似的问题。

感谢您的支持

[1]: https://codepen.io/glebkema/pen/kXAYGz

1 个答案:

答案 0 :(得分:1)

我分叉你的codepen并在你的代码中添加了一些js。 codepen.io/ayang10/pen/gROMvZ

将此添加到您的js文件

 $(function(){
    $('.navbar .navbar-collapse').on('show.bs.collapse', function(e) {
        $('.navbar .navbar-collapse').not(this).collapse('hide');
    });
});