html - bootstrap jumbotron full width image -


i have cover on pages.. using jumbotron have full width image. leaves space on right , left side. added margin-left blank space on left gone right 1 still there. when resize browser there large space on right side.

<div id="cover-success" class="jumbotron">    <div class="container">         <div class="overlay">             <div class="text-center">                 <h1>success stories</h1>                 <h2>here of many resolved complaints.</h2>             </div>         </div>     </div> </div> 

css used:

#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; } 

try padding too

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

Comments

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

css - Make div keyboard-scrollable in jQuery Mobile? -

ruby on rails - Seeing duplicate requests handled with Unicorn -