選單背景我希望它是 100% 寬度,沒有左、右和頂部間隙
P粉245003607
P粉245003607 2023-09-10 21:43:33
0
1
488

選單背景色應為全寬,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粉245003607
P粉245003607

全部回覆(1)
P粉950128819

.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;
}
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板