Bootstrap 导航栏在桌面视图中保留搜索图标答案

【问题标题】：Bootstrap navbar keep search icon in desktop viewBootstrap 导航栏在桌面视图中保留搜索图标
【发布时间】：2014-04-30 12:41:07
【问题描述】：

我遇到了引导导航栏的问题。

我想在全宽上使用搜索图标导航栏切换，但折叠仅适用于移动设备。桌面上的动画出错了。我尝试将显示 css 放在 .in 类上，但动画仍然不正确。

.collapse.in{
    display:none!Important; 
}

是否有一个简单的引导解决方案？

【问题讨论】：

能否请您重新描述一下您的问题？
我的移动导航栏中有 2 个折叠元素；搜索表单和菜单。当我单击移动视图上的搜索按钮时，搜索表单会切换。我想将此保留在桌面视图中以供搜索。但不是为了菜单。所以我想为每个折叠元素设置断点。
我知道这不是您要找的东西，但您能试试这样吗？ jsfiddle.net/DTcHh/354

【解决方案1】：

是的，有一个简单的解决方案！

转到 http://getbootstrap.com/customize/ 。然后转到“网格系统”部分。在那里你可以找到“输入”@grid-float-breakpoint。例如，在此字段中您可以输入“3000px”。

不要忘记在 body 标签的末尾包含 jQuery 和 bootstrap.js。

【讨论】：

感谢您的帮助！但我不认为这是解决方案。我需要菜单的默认折叠，但对于搜索，我需要一个不同的折叠。通过更改断点，它们都会改变。所以导航必须正常运行，但我想通过移动和桌面上的切换来保持搜索字段的显示和隐藏。