我使用Bootstrap Cover模板作为我在此过程中制作和学习的非常简单的商业/简历网站的基础。我理解断点的概念。我已经注意到三种不同风格的导航栏（和页面），因为我减少了浏览器宽度：
如果我在第1阶段和第2阶段之间抽出窗口宽度，我可以看到跳跃的元素。这就是我想要改变的，所以第1阶段继续压缩物品越来越近，然后当它们接近触摸时，它会移动到第3阶段（即摆脱第2阶段）
这可能吗？
答案 0 :(得分：0)
使用CSS媒体查询可以实现这一点。
如果您检查<div class="masthead clearfix">元素，您将看到随着浏览器窗口更改大小，将应用不同的样式。
阶段1.浏览器窗口宽度＆gt; 992px，此元素的宽度为700px 阶段2.Broswer窗口宽度＆gt; 768px，此元素的宽度为100％并跨越整个页面。 阶段3.浏览器窗口宽度＆lt; = 768px，此元素的宽度仍为100％。
您还会看到<h3 class="masthead-brand">和<ul class="nav masthead-nav">具有左右浮动的样式，直到浏览器窗口宽度小于768px。
如果您不希望在第1阶段和第2阶段之间看到更改，则需要删除我在第1阶段或第2阶段中提到的规则，或者使用您自己的样式覆盖它们以及覆盖样式将h3和ul左右浮动。