Question

我一直在尝试开发一个用于自举的菜单栏，其中图像徽标居中，而不是通常的栏左侧。但问题是，菜单栏的右侧链接会脱离屏幕。当我预览宽度大于2050像素的页面时，它看起来很好。

但是当我有一些比这更小的东西时，右边的链接没有响应窗口的变化而滑落了页面。

有什么方法可以解决这个问题吗？我一直在玩col-md-7的{{1}}和col-md-offset-3类。但它没有解决问题，只是在顶部移动/调整它。

这是指向页面的snipp的链接。 http://bootsnipp.com/snippets/rvGQz

Answer 1

包含导航的容器类的DIV打破了布局，因为这个类实际上设置了宽度：

.container {
    width: 1170px;
}

从DIV中删除容器类，这应该为你做一个魔术。

Answer 2

在调整屏幕尺寸时，您是否调整了网格中每个断点的媒体查询？