視差背景圖像全尺寸（寬度）

Question

我嘗試了很長時間才弄清楚如何制作背景圖片

<div id="information" class="intro-section">
    <div class="row">
        <div class="col-xs-12">
        </div>
    </div>
</div>  

覆蓋瀏覽器屏幕的整個寬度。 我總是得到填充，甚至在調整大小時也會改變。 我試圖在所有地方更改CSS樣式，但是那根本行不通。 我將Bootstrap用作服務器的外部鏈接，但我的Web服務器上沒有文件。

您可以訪問我的網站www.careerharbour.co.uk來了解我的意思。 在背景圖片的寬度和瀏覽器的屏幕之間始終存在填充。

Answer 1

您需要修改#container1或container類上的CSS規則，或者將希望全寬的div移到容器div之外。

您當前的Bootstrap容器類填充：

padding-right: 15px;
padding-left: 15px;

Answer 2

如果您只需要減少兩側的15px填充，則無需編輯CSS，

用<div class=row"></div>包裝該容器類

或者，如果您需要在所有視口中全屏顯示該圖像，則可以適當地使用container-fluid和row-fluid 。