如何覆盖@media（min-width：992px）？

Question

bootstrap.css包含：

@media (min-width:992px)

我想将992px更改为650px。如何通过从其他文件覆盖它来防止原始bootstrap.cs文件中的992px行生效？

换句话说，我希望所有宽度> 650px都采用我的风格，我希望不修改原始的bootstrap.cs文件。

Answer 1

我没有看到你能做到的方式。

我建议生成自己的bootstrap CSS文件。您可以通过此处轻松修改媒体查询断点：

1. http://getbootstrap.com/customize/#media-queries-breakpoints
2. 将值更改为您喜欢的尺寸。
3. 向下滚动到页面底部，然后点击＆＃34;编译并下载＆＃34;。

Answer 2

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

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

希望这有帮助。

Answer 3

创建自己的CSS文件并将样式放在那里。 @media (min-width: 650px) { .......}

如果样式不起作用，请使用！important作为样式。