標題在WordPress中未顯示完整寬度

我在WordPress中使用引導程序。標題與背景圖像。但它沒有顯示全寬。我測試了WordPress以外的代碼。它顯示標題全寬，但不是在WordPress中。標題在WordPress中未顯示完整寬度

<div class="container"> 
     <div class="row"> 
      <div class="col-xs-12"> 
       <div class="header-container text-center background-image" style="background-image: url(<?php header_image(); ?>);"> 

       </div> 
      </div> 
     </div> 
    </div>

// CSS

.header-container{ 
    display: block; 
    position: relative; 
    height: 326px; 
    width: 100%; 
} 
.background-image{ 
    background-size: cover; 
    background-position: center center; 
    background-repeat: no-repeat; 
}

請從下面的鏈接查看截圖以供參考

與WordPress頭沒有顯示全寬背景圖片： with WordPress Header！

但是，沒有WordPress代碼顯示標題全寬： without WordPress Header！

來源

2017-09-19 Ali

不全寬監守你有'類=「容器」'在自舉容器等於'填充右：15像素; padding-left：15px; margin-right：auto; margin-left：auto;' –

你可以給我們一個鏈接到網站，我們需要看到所有的CSS。因爲它是一個WordPress站點，所以肯定有影響到您的代碼的CSS是 –

您應該使用容器流體，如果你想要一個全寬度的行。檢查它並讓我們知道！ – igarciaoliver

-1

嘗試改變.header容器類：

.header-container{ 
    display: inline-block; 
    position: relative; 
    height: 326px; 
    width: 100%; 
}

來源

2017-09-19 11:04:44

標題在WordPress中未顯示完整寬度

回答

相關問題