我们可以使用CSS文件中的媒体查询覆盖BOOTSTRAP吗？

Question

1）我使用Bootstrap构建页面 2）我在 CSS FILE 中使用了以下媒体查询来覆盖引导程序。

@media screen and (min-width: 500px){
body {color: #ccc;}
}

断点后不会改变体色。 a）我们可以使用媒体查询（来自CSS文件）覆盖Bootstrap吗？ b）知道这里可能出了什么问题吗？

Answer 1

是的，您可以使用css覆盖引导程序。只需在bootstrap.css文件后面的页面中包含css即可。另外，仔细检查您的媒体查询是否正在执行预期的操作。

Answer 2

创建自定义css文件。写你的CSS。将css文件链接到bootstrap css文件下的html

Answer 3

<强>解决方案：

只需在颜色代码后添加!important，就可以了。

守则：

像这样：

@media screen and (min-width: 500px){
  body {
        color: #ccc !important;
       }
}

<强>解释

！important规则是一种制作CSS级联的方法，但也包含您认为最重要的规则。无论CSS规则中出现哪个规则

，都将始终应用具有！important属性的规则