immagine di sfondo reattiva a schermo intero con bootstrap

Question

Sono nuovo di twitters bootstrap. Che cosa vuoi sapere è il mockup HTML che devo usare per un'immagine di sfondo reattiva a schermo intero con bootstrap?

certo che sto facendo causa il mockup

<div class="container-fluid"> 

<div class="wrapper"> 

</div> 


</div> 

Prima l'involucro ho un menu di navigazione. Voglio aggiungere un'immagine a schermo intero per div class wrapper. e voglio che il wrapper div diventi 100%. eventuali suggerimenti saranno molto apprezzati.

Answer 1

due opzioni

1. uso img-responsive classe se si utilizza tag.

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

2. se si utilizza css utilizzare questo.

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