Bootstrap3 - 从不同图形切换导航

时间:2016-03-27 20:55:29

标签: twitter-bootstrap-3 navigation responsive

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

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

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

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

2 个答案:

答案 0 :(得分:0)

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

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

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

此处提供了完整的工作示例:http://ibootstrap.net/Snippets/IDXpmK6/

答案 1 :(得分:0)

这比我想象的要简单。我需要做的只是添加代码

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

对于想要控制导航栏的实际图像,然后删除<button>以隐藏汉堡包。

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