右側的神秘空白

Question

我正在使用Bootstrap，並且每當我的頁面大小調整為<992 px時，都會發生以下情況。

紅色條的代碼是

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

沒什么特別的，不在容器內。

即使我放了以下CSS也無濟於事

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

在此處輸入圖片說明

我確定是引導程序的某些設置導致了此問題，但無法弄清楚是什么原因。

Answer 1

這可能是由引導CSS中定義的@media查詢引起的。 您需要在自己的css文件中覆蓋它們，或僅在bootstrap css文件中對其進行編輯（但這是不正確的做法，因為如果不重新進行所有更改，就無法更新到更新版本的bootstrap樣式）