搜尋

首頁  >  問答  >  主體

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

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

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

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

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

P粉245003607P粉245003607471 天前513

全部回覆(1)我來回復

  • P粉950128819

    P粉9501288192023-09-11 16:22:36

    .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;
    }
    

    回覆
    0
  • 取消回覆