Full screen responsive background image with bootstrap

For making images responsive , if you are using bootstrap framework use the class ‘img-responsive’. Creating fullwidth background with css , wrap the content with a div and apply the below css with background image, example given below

<div class="wrapper">
   <img src="new_1.jpg" class="img-responsive" alt="Responsive image">
.wrapper{background: url('/assets/bg/greenvalley.jpg') no-repeat   center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
Posts created 494

Related Posts

Begin typing your search term above and press enter to search. Press ESC to cancel.

Back To Top