Latar belakang menu Saya mahu ia menjadi 100% lebar tanpa jurang kiri, kanan dan atas

Question

Warna latar belakang menu hendaklah lebar penuh, 24 inci dan ke bawah hendaklah skrin penuh. Beginilah rupanya. URL tapak web juga ada dalam imej.

Di bawah ialah scss saya untuk menambah warna latar belakang. Bolehkah seseorang tolong edit kod di bawah supaya warna latar belakang kiri, kanan dan atas menyentuh (ada celah kecil di bahagian atas),

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

Saya cuba menggunakan inspect in chrome tetapi tidak berjaya. Tidak dapat mencari apa-apa pada stackflow untuk menyelesaikannya.

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>

Kemudian, dalam fail SCSS atau CSS anda tambahkan:

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