我正在建立一个网站使用Bootstrap，我不知道什么是解决以下问题的最佳方法是。Bootstrap |问题与响应的导航栏
我的导航栏左侧有一个大标志，右侧有6个导航项目。在XS屏幕尺寸下，导航项正确折叠到汉堡菜单中，但是在它们这样做之前，它们会浮在徽标下面，这不应该是正确的行为。
演示：尝试调整这个网页 - >http://stackoverflowquestion.bss.design
一个解决方案堆栈溢出类似的问题是简单地改变倒塌宽度 - 但是我发现，这是不是最佳的，因为不同的设备有差异的高度/放大，所以宽度不是通用的。
什么是解决这个问题的最佳做法是什么？由于
，最好的办法是生成自定义启动这里http://getbootstrap.com/customize/适当媒体查询断点您可以编辑还有其他的一些事情。 Bootstrap标准宽度和其他参数只是一个基本的骨架 - 你可以随时编辑它们。
编辑：其他解决方案 - 只需将徽标缩放到较小的尺寸 - 使其响应（并使用最大宽度）。
EDIT2：按比例缩小与媒体查询标志div容器（并保持标志图像响应） - 与解决方案，您可以继续收缩的菜单只支持较低分辨率（屏幕XS）和屏幕LG/MD将保持非崩溃了。
问题出在导航栏崩溃的地方。默认情况下，它被设置为XS屏幕，即< 768px。由于填充内容，navbar-collapse会在navbar-header下推送。
您必须通过更改宽度将navbar折叠中断点设置为sm或md屏幕。我没有发现这个方法的问题。
或者，您可以使用媒体查询来使导航栏元素更小且响应。例如，当屏幕宽度减小时，您可以使徽标变小，以便导航可以适应。
您可以使用css来修复它。删除导航栏中的最大高度。