搜索框在捕捉点小于992px时定位错误



我在OUTSIDE的一行中放置了一个徽标、一个搜索框和一个语言栏,并位于引导程序导航栏的上方。当然,这一行仍然在主容器中,但它包含了我提到的3个元素——我和我的客户都认为这3个元素独立于导航栏。我们觉得最好不要把这三样东西放在导航栏里。参见以下示例:

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

由于我是引导程序框架的新手,我发现虽然我能够在自己手工编码的html5中复制上述内容并使用自己的媒体查询,但我无法使用引导程序代码实现这一点。

我想我可能过于复杂了,或者只是在引导css文件中找不到正确的代码部分来编辑。

我想要的是,搜索栏和语言栏保持并排,但一旦我们低于992px,这两个栏应该保持垂直位置,而不是最终看起来像是掉到了第二排。

由于这是响应性的,我打算在输入手机视口大小时,将搜索框和语言栏移到徽标下方,这是我早些时候设法实现的,但代价是将元素放置在不需要的区域。

我想知道这里的问题可能是什么,或者简单地说,为了达到我想要的效果,我应该尝试什么。

再一次,徽标不在导航栏中,而是位于它的外部——事实上,它位于容器的左上角。此外,我在最右边的另一边放了一个搜索框,我还试图在它旁边添加一个自定义的语言栏。这3件东西放在一排。

此语言栏不超过两个两个文本链接"EN"one_answers"CH"(英文和中文),显示为EN|CN。

正如你从我的例子中看到的,它目前看起来不太好看,所以如果有人有任何正确的方向,我们将不胜感激。

我在移动设备上回复,所以很遗憾我无法测试。但从表面上看,您可能没有在div元素中使用Bootstrap网格类。据我回忆,Bootstrap定义了四个类。一个用于移动设备,一个用于平板电脑,一个适用于PC,还有一个用于宽屏幕。我怀疑你的问题可能只是为布局中断的地方添加合适的类,然后可能在媒体查询中调整你的类。

最新更新