引導巨無霸全寬圖像

Question

我在所有頁面上都有封面。.我正在使用jumbotron來顯示全角圖像。 但它在左右兩側都留有空間。 我在左邊添加了空白，因此左邊的空白消失了，但右邊的空白仍然存在。 同樣，當我調整瀏覽器的大小時，右側還有很大的空間。

<div id="cover-success" class="jumbotron">
   <div class="container">
        <div class="overlay">
            <div class="text-center">
                <h1>Success Stories</h1>
                <h2>Here are some of the many resolved complaints.</h2>
            </div>
        </div>
    </div>
</div>

使用的CSS：

#cover-success.jumbotron {
background-size: cover;
background-image: url('Images/cover-success-stories.jpg');
 position:absolute;
width:100%;
margin-top: -14px;
margin-left: -70px;
margin-right:-50px;
height: 270px;
}

Answer 1

也嘗試填充

 #cover-success.jumbotron {
 background-size: cover;
 background-image: url('Images/cover-success-stories.jpg');
 position:absolute;
 width:100%;
 margin: 0px;
 padding: 0px;
 height: 270px;
 }