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

标签 javascript jquery html css twitter-bootstrap

你是我最后的希望<3

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

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

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

第一个解决方案:

First Solution

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

第二种解决方案:

Second Solution

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

非常感谢您的帮助!

最佳答案

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

.hidden-xs

对于较大的菜单使用

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

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

关于javascript - Bootstrap : How to collapse 2 nav OR change the content of one,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37218113/

相关文章:

javascript - twitter bootstrap 3 在 js 中设置事件选项卡不起作用

javascript - Knockout.js 排序列表

javascript - Internet Explorer 7 从 jQuery 类选择器返回 'undefined'

javascript - JS面向对象: methods on prototype vs methods in constructor function

jquery - 获取动态填充的选择的值

javascript - Bootstrap - 同时切换导航和 Accordion 面板

html - 无法缩放电子邮件标题图像

html - 表格列的宽度不一样?

javascript - 使用 jQuery Mobile 风格动态添加文本框

javascript - 如何从两个数组在 JS 上构建动态对象