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

Popular posts from this blog

assembly - What is the addressing mode for ld, add, and rjmp instructions? -

vowpalwabbit - Interpreting Vowpal Wabbit results: Why are some lines appended by "h"? -

Is there a way to convert an HTML page styled with Bootstrap CSS into email-compatible html? -