html - Image in center and behind a background gradient -
html - Image in center and behind a background gradient -
i need create row front end page (like slider) image there man , behind him gradient. image is, centered in container (width 1170px) , works fine need create row behind image go total 100% larger resolutions. using bootstrap 3.
the way see it, background 'row' div should have dark color left center, , center white color should go right. dont believe gradient on row should work because of resizing hm? cant find similar websites have this. there improve solution?
<div class="row"> <div class="col-md-12"> <div class="container" id="slider"> </div> </div> </div> #slider { background: url('image.jpg'); height: 550px; }
for kind of design remove left portion if it's not necessary. otherwise need create display block both div left , right.
html css twitter-bootstrap-3
Comments
Post a Comment