Question

我正在使用Bootstrap，每当我的页面调整为＆lt; 992 px，发生以下情况。

红色条的代码是

<body>
    <div style="background:red;height:20px;width:100%;"></div>

没什么特别的，不在容器里面。

即使我把以下CSS也无济于事

html,body {
            padding: 0;
            margin: 0;
        }

enter image description here

我确信引导程序的某些设置导致了这一点，但无法弄清楚原因是什么。

Answer 1

这可能是由bootstrap css中定义的@media个查询引起的。你需要在你自己的css文件中覆盖它们或者只是在bootstrap css文件中编辑它（但这是不好的做法，因为你不能更新让我们说更新版本的bootstrap样式而不再重新进行这些更改）