Bootply - http://www.bootply.com/YkWyRzWZDs
我想知道是否可以在<header>
标签之外有一个图形来控制导航切换(而不是汉堡图标按钮)。网站的这一部分只能在移动设备上查看。
我在折叠菜单上方有两行图像按钮,我希望其中一个图像链接充当导航栏切换。这可能吗?
如果可能的话,有人可以帮助我进行必要的代码更改吗?
Bootply - http://www.bootply.com/YkWyRzWZDs
我想知道是否可以在<header>
标签之外有一个图形来控制导航切换(而不是汉堡图标按钮)。网站的这一部分只能在移动设备上查看。
我在折叠菜单上方有两行图像按钮,我希望其中一个图像链接充当导航栏切换。这可能吗?
如果可能的话,有人可以帮助我进行必要的代码更改吗?
这比我想象的要简单。我需要做的就是添加代码
data-target=".bs-navbar-collapse" data-toggle="collapse"
对于我想要控制导航栏的实际图像,然后删除<button>
隐藏汉堡包。
我更新了http://www.bootply.com/YkWyRzWZDs以显示解决方案。
如果我正确理解您的问题,您想使用自己的图标显示/隐藏导航栏。
通过添加以下 jQuery 代码,假设您的图标 ID 是菜单切换,这应该可以完成工作:
$("#menu-toggle").click(function(e) {
$('.navbar').toggle();
});
此处提供了一个完整的工作示例:http: //ibootstrap.net/Snippets/IDXpmK6/