選單背景我希望它是 100% 寬度，沒有左、右和頂部間隙

Question

選單背景色應為全寬，24吋以下應全螢幕。這是它的樣子。網站網址也在圖像中。

下面是我加入背景顏色的scss。請有人編輯下面的程式碼，使背景顏色左右和頂部接觸（頂部有一個小間隙），

.header-main-wrapper {
    max-width: 1720px;
    margin: 0 auto;
    background: #1c2e52;
    @media #{$xs,$sm,$md,$lg} {
        padding: 16px 0;

我嘗試在chrome中使用inspect，但沒有成功。在 stackflow 上找不到任何東西來解決它。

Answer 1

.header-main-wrapper 周圍已經有另一個 div，其 Bootstrap 類別為 container-fluid。只需添加另一個唯一的類，這樣您就可以對其應用背景顏色，而不會影響頁面上的任何其他容器。我將其命名為container-background：

<div class="container-fluid container-background"> <!-- add class here -->
  <div class="header-main-wrapper">
                ... 
  </div>
</div>

然後，在您的 SCSS 或 CSS 檔案中新增：

.container-background {
  background: #1c2e52;
}