javascript - Bootstrap : How to collapse 2 nav OR change the content of one

Question

你是我最后的希望<3

我正在尝试执行 2 个解决方案，但没有一个有效。 (对不起我的英语不好)

这是 Bootply:http://www.bootply.com/2aDcL7pYQZ

如您所见，我有 2 个导航栏。当您为“智能手机”调整窗口大小时，我正在尝试执行 2 种解决方案(因为该网站将与这 2 种效果重复)。

第一个解决方案:

将链接“Faire un don”和“Recrutement”替换为 Youtube 旁边的 FontAwesome 字形......但它根本不起作用，我尝试了所有位置(绝对，......)并更改显示(内联，内联 block )它们都不起作用。老实说，我什至不知道如何更改它:(

第二种解决方案:

将这两个链接移到另一个导航栏中。这是一个非常有用的 Bootply:http://www.bootply.com/106921 (我在 StackOverflow 上找到的)我尝试了它和许多其他方法，但它仍然不起作用...它只是删除了我的链接。

非常感谢您的帮助!

Answer 1

最好的方法是使用实​​用程序，例如将其添加到您的迷你菜单以在小屏幕上隐藏它们:

.hidden-xs

对于较大的菜单使用

.visible-xs-block 或 .visible-xs-inline 取决于您的菜单设置方式

http://getbootstrap.com/css/#responsive-utilities