我的响应导航"弹出"在767像素,如何完全避免这种情况

时间:2015-07-26 13:32:38

标签: jquery html css twitter-bootstrap

你好导航从顶部开始,然后在中间自动打开,然后最终折叠成一个打开的图标。

我根本不想要这个弹出窗口,因为我的导航设备中有少量元素,它可以一直调整到崩溃的位置。

我该怎么做?我尝试修改引导程序,但它很难......我应该更改最大宽度:767px还是最小宽度:768px?

任何建议都会有所帮助。我也可以发布代码,但它只是来自jsbin的标准代码:http://jsbin.com/qupopuhuxo/1/edit

1 个答案:

答案 0 :(得分:2)

如果我没有正确理解你的问题,我很抱歉,但我认为你想要的是你的菜单栏在折叠时不要单独行。如果我错了,请告诉我。为此,请执行以下操作:

将一个班级customcss添加到container班级下的navbar班级。 然后将css添加到此customclass

<div class="container customcss">
   <div class="navbar-header">
        ...
   </div>
</div>

CSS:

.customcss {
  width: auto;
}

这就是诀窍,你的菜单栏不会进入下一行,因为你没有添加任何东西。但如果您将来决定添加某些内容,请查看此SO Answer。它告诉您如何更改bootstrap 3中的折叠阈值,以便您可以提前折叠。

基本上你需要转到bootstrap site并改变中断发生的宽度。然后下载新的css文件并替换为您当前的文件。