bootstrap jumbotron полная ширина изображение

Question

У меня есть обложка на всех страницах. Я использую jumbotron для получения изображения полной ширины. но он оставляет пространство справа и слева. Я добавил margin-left, так что пустое место слева исчезло, но правый остается. Также при изменении размера браузера на правой стороне есть очень большое пространство.

<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

Try для заполнения слишком

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