Question

默认情况下，Bootstrap允许您从顶部隐藏/显示导航栏菜单。我希望以一种从侧面打开的方式实现它。我已经看了sidr和许多其他代码示例，但它们都有一个缺陷 - 菜单将现有内容推向一边以显示自己。然而，GDG Bengaluru的页面有一个菜单，它位于现有内容之上，而不是将其推到一边。你怎么做到这一点？是否有任何插件或jQuery黑客可以让我们这样做？

Answer 1

您可以查看以下链接。如果你有你想要的东西，请告诉我。

http://jsfiddle.net/e6JnT/16/

 $('button').click(function () {
    $(".panel").animate({
        left: '0px'
    });


    $('.panel').animate({width:'toggle'},800);

});

这是您想要的完美链接。

更新了小提琴：http://jsfiddle.net/e6JnT/18/

Answer 2

有一个流行的Bootstrap前叉 - Jasny Bootstrap（滑入，推送，显示）。 http://jasny.github.io/bootstrap/javascript/#offcanvas

或

您可以使用已经正常工作的演示。

http://jsbin.com/OjOTIGaP/1/edit

https://jsbin.com/seqola/2/edit

如何让导航栏菜单从现有页面顶部的一侧显示？

2 个答案: