引导程序3-从不同的图形切换导航

Question

Bootply-http://www.bootply.com/YkWyRzWZDs

我想知道是否可以在<header>标签之外用一个图形来控制导航切换（而不是汉堡图标按钮）。该网站的这一部分只能在移动设备上查看。

我在折叠菜单上方有两行图像按钮，我希望其中一个图像链接充当导航栏切换。这可能吗？

如果可能的话，有人能帮我修改必要的代码吗？

Answer 1

如果我正确理解您的问题，您需要使用自己的图标显示/隐藏导航栏。

通过添加以下jQuery代码，假设图标的ID是菜单切换，这应该可以完成任务：

$("#menu-toggle").click(function(e) {
        $('.navbar').toggle();
});

这里提供了一个完整的工作示例：http://ibootstrap.net/Snippets/IDXpmK6/

Answer 2

它比我想象的要简单。我所需要做的就是添加代码

 data-target=".bs-navbar-collapse" data-toggle="collapse"

对于实际的图像，我想控制导航栏，然后删除<button>来隐藏汉堡。

我更新了http://www.bootply.com/YkWyRzWZDs以显示解决方案。