如何在 bootstrap 或基础中创建自定义菜单面？

Question

你好，如何在 bootstrap 或基础中创建自定义侧边栏菜单 完全像这个网站：

http://zurb.com/word

我通过 boostrap 在这里找到了一个。

enter link description here

它和第一个一样，但它跨页打开。我想要调整正文大小（不隐藏或溢出）

另一个例子是w3schools.com菜单侧。

Answer 1

当您单击顶部的按钮时，bootstrap 正在调整页面大小。它只在您悬停时覆盖页面。要准确了解 ZURB.com 正在做什么，您可以使用您链接的 bootstrap 模板，并添加一些 jquery 像这样：（我通过修改侧边栏得到这个 jquery js 文件形成您链接的 bootstrap 页面。）

     $("#sidebar-wrapper").hover(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("toggled-2");
        $('#menu ul').hide();
    });