Twitter bootstrap 如何在引导中更改导航栏在不同断点处对齐的方式？

我正在使用引导模板作为一个非常简单的商业/简历网站的基础，我正在制作和学习。我理解断点的概念。当我缩小浏览器宽度时，我注意到导航栏（和页面）有三种不同的样式：

“封面”和导航栏左右对齐，但位于不可见的固定宽度框中

与上面相同，但该不可见框现在与浏览器窗口的宽度相同（即没有任何类似于上面的边距），元素已向外跳跃

“封面”堆叠在导航栏项目的顶部

如果我在第1阶段和第2阶段之间抽动窗口宽度，我可以看到元素在跳跃。这就是我想要改变的，这样第1阶段继续将项目压缩得越来越近，然后当它们接近接触时，它会移动到第3阶段（即摆脱第2阶段）

---

这可能吗？

这可以通过CSS媒体查询实现

如果检查

元素，您将看到随着浏览器窗口大小的变化，应用了不同的样式

第一阶段。浏览器窗口宽度>992px，此元素的宽度为700px 第二阶段。Broswer window width>768px，此元素的宽度为100%，并跨越整个页面。

---

第三阶段。浏览器窗口宽度不可能或可能，您尝试了什么？非常感谢！你向我解释得既清楚又容易。我将深入研究代码并进行游戏。