Full Screen Responsive Background Image With Bootstrap

I'm new to twitters bootstrap. What want to know is the HTML mockup that i have to use for a full screen responsive background image with bootstrap? certainly I'm suing the mockup

Solution 1:

Two options

1. use img-responsive class if you are using tag.

   <div class="wrapper">
      <img src="pic_1.jpg" class="img-responsive" alt="Responsive image">
   </div>
   

2. if you are using css use this.

   .wrapper{background: url('/assets/64531/green_suburb.jpg') no-repeat   center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;}