html - 小于 992px 的捕捉点搜索框定位出错？

Question

我在外部的一排内放置了一个 Logo 、一个搜索框和一个语言栏，并位于 Bootstrap 导航栏上方。这一行当然仍在主容器中，但它包含我提到的 3 个元素——我和我的客户认为这 3 个元素独立于导航栏。我们觉得最好不要将这 3 个东西中的任何一个放在导航栏中。请参见以下示例:

http://www.manoj-kumar.co.uk

由于我是 bootstrap 框架的新手，我发现虽然我能够在我自己的手写 html5 中复制上述内容并使用我自己的媒体查询，但我无法使用 bootstrap 代码实现它。

我想我可能把事情弄得太复杂了，或者只是没有在 bootstrap css 文件中找到要编辑的正确代码部分。

我想要的是，搜索栏和语言栏保持并排，但是一旦我们低于 992px，两者应该保持垂直定位，而不是最终看起来好像它们已经下降了第二行。

由于这是响应式的，我打算在我们输入手机视口(viewport)大小时让搜索框和语言栏移动到 Logo 下方，这是我之前设法实现的，但代价是将元素放置在不需要的区域.

我想知道这里可能存在什么问题，或者简单地说，我应该尝试什么才能达到我想要的效果。

再一次， Logo 不在导航栏中，而是位于导航栏之外 - 实际上位于导航栏上方，在容器的左上角。此外，然后我在另一侧放置了一个搜索框 - 最右边，我还试图做的是在它旁边添加一个自定义语言栏。这 3 个东西排成一行。

这个语言栏不超过两个两个文本链接'EN'和'CH'(英文和中文)，显示为EN |中国.

正如您从我的示例中看到的那样，它目前看起来不是很漂亮，所以如果有人在正确的方向上有任何指示，我们将不胜感激。

Answer 1

我在移动设备上回复，很遗憾我无法测试。但从表面上看，您可能没有在 div 元素中使用 Bootstrap 网格类之一。在我的内存中，Bootstrap 定义了四个类。一种用于移动设备，一种用于平板电脑，一种用于 PC，一种用于宽屏。我怀疑您的问题可能只是为布局中断的位置添加适当的类，然后可能在媒体查询中调整您的类。