Css 如何覆盖@media（最小宽度：992px）？

bootstrap.css

包含：

@media (min-width:992px)

我想把992px换成650px。如何从另一个文件重写它，并防止原始

bootstrap.cs

文件中的992px行生效

---

换句话说，我希望>650px的所有宽度都采用我的风格，我希望这样做时不修改原始的

bootstrap.cs

文件。

我看不到一种方法可以做到这一点

我建议您生成自己的引导CSS文件。您可以通过以下步骤轻松修改媒体查询断点：

将值更改为首选尺寸

向下滚动到页面底部，然后单击“编译和下载”

---

理想情况下，如果在默认bootstrap.CSS文件之后包含CSS文件，则渲染的样式将来自您的文件。您必须注意，bootstrap.css中您不想反映的所有样式都必须在自定义css文件中被覆盖

如果您不想修改bootstrap.css文件，这是唯一的选项

---

希望这有帮助。

创建自己的CSS文件并将样式放在那里<代码>@media（最小宽度：650px）{……}

---

如果样式无效，请使用！对于样式来说很重要

定制的发电机看起来很棒。我看到992px在@screen md中，它已被弃用。我可以知道是什么取代了它吗？“md”代表“medium”吗？您仍然可以使用该文件。我认为文档有点混乱。将@screen-x变量折旧为@screen-x-min是为了更好地匹配@screen-x-max变量，并为其实际使用提供更多上下文。关于这一点的其他信息可以在这里找到：为了澄清，如果您不修改较少或SASS文件，您不需要担心@screen-x变量的贬值。只需修改生成器中的断点，就可以像往常一样使用它输出的CSS。