响应式中以 Bootstrap 为中心的徽标导航问题

Question

我一直在使用 Bootstrap 并且想使用居中的徽标。 然而，通过使用一些媒体查询和 CSS，我设法使 logo 在更大的显示中居中。我还添加了几个媒体查询来调整不同宽度大小的徽标和导航。但是，当尺寸从 768 像素（例如 767 像素）降低时。标志和导航有点混乱。我只想在徽标下方有一个下拉菜单。 您可以在此处查看基于 bootstrap 的纯 HTML 实时版本：

http://info.sunnyindustries.net/Work/FHS/

我尝试了几件事，但无法解决此问题。

提前致谢！

Answer 1

您可以为您的 div 添加一个 min-width 属性，以便在某些时候页面将停止尝试调整大小，并且查看器只会得到一个滚动条。例如，这个网站就是这样做的。