Bootstrap＆＃39; navbar＆＃39;宽度限制正在杀死我的菜单

Question

好的，这里（第一次问一个问题，请耐心等待，如果你能使用更多信息，请告诉我。）

正如我的标题所说，我使用Bootstrap生成一个水平菜单（在CSS中称为＆＃39; navbar＆＃39;）当我将屏幕尺寸设置得更小时，导航栏的内容最右边开始消失或进入下一行。如果宽度接近内容时发生这种情况，我会很感激（并理解），但当宽度大约为750-768px时，它会发生。在某些测试中，我看到内容本身完全是 poof 。老实说，如果有人甚至可以告诉我为什么（和什么）发生了我会很感激。哎呀，它可能最终成为一个很好的可访问性技巧！

到目前为止我发现的是一些奇怪的代码：@media（min-width：768px）。对我来说真正奇怪的是，Chrome检查员甚至不让我改变这件事。这是我以前从未见过的。说实话，我对这种格式化属性不太熟悉，但到目前为止我的教育还没有提供足够的见解。

现在我希望这是一个有人发现熟悉的问题（我一直在寻找，但没有点击），因为我现在不想在线转储整个代码库。如果有必要，我会遵守，但我希望有人可以分享他们自己的经验，这样我就可以放下我的愤怒之拳。这是一个非常生气的拳头。相信我。

送货是一项功能......也许是最重要的功能。

Answer 1

正如其他人已经提到的那样，你提到的行为是Bootstrap默认...你可以自定义它。

CSS媒体查询 @media（min-width：768px）... 设置导航菜单折叠的视口或窗口宽度。如果你想改变它，一个选项是转到http://getbootstrap.com/customize/，向下滚动到媒体查询断点并将@ screen-sm设置为你想要的宽度。

如果您转到http://getbootstrap.com/customize/，请滚动到网格系统部分，您可以使用@ grid-float-breakpoint自定义导航栏折叠。感谢cvrebert以下更正

然后转到页面底部，编译并下载自定义的Bootstrap CSS文件。

如果你使用LESS，你也可以做类似的事情。

希望这有助于放松愤怒的拳头;）