Twitter bootstrap 3 Bootstrap3-从不同图形切换导航

Twitter bootstrap 3 Bootstrap3-从不同图形切换导航,twitter-bootstrap-3,navigation,responsive,Twitter Bootstrap 3,Navigation,Responsive,自举 我想知道是否有可能在标签之外有一个图形来控制导航切换(而不是汉堡图标按钮)。网站的这部分内容只能在移动设备上查看 我在折叠菜单上方有两行图像按钮,我希望其中一个图像链接充当导航栏切换。这可能吗 如果可能,有人能帮我修改必要的代码吗?如果我正确理解您的问题,您希望使用自己的图标显示/隐藏导航栏 通过添加以下jQuery代码,假设您的图标ID是“菜单切换”,这应该可以完成这项工作: $("#menu-toggle").click(function(e) { $('.navbar

自举

我想知道是否有可能在
标签之外有一个图形来控制导航切换(而不是汉堡图标按钮)。网站的这部分内容只能在移动设备上查看

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


如果可能,有人能帮我修改必要的代码吗?

如果我正确理解您的问题,您希望使用自己的图标显示/隐藏导航栏

通过添加以下jQuery代码,假设您的图标ID是“菜单切换”,这应该可以完成这项工作:

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

这里有一个完整的工作示例:

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

 data-target=".bs-navbar-collapse" data-toggle="collapse"
到我想要控制导航栏的实际图像,然后移除
以隐藏汉堡包


我已更新以显示解决方案。

这几乎正是我需要的,谢谢!但有一点是,当它处于折叠模式时,它不会自动打开链接的下拉列表,它会显示汉堡按钮图标,然后您必须单击该图标才能访问链接。有没有办法让jQuery代码跳过这一步并打开下拉列表?谢谢你,我真的很感谢你的帮助!