obraz w tle reagujący na cały ekran za pomocą programu startowego

Question

Jestem nowy w programie bootstrap twitterze. Co chcesz wiedzieć, to makieta HTML, z której muszę korzystać na pełnym ekranie reagującym na tło z bootstrapem?

pewno mam pozywa makieta

<div class="container-fluid"> 

<div class="wrapper"> 

</div> 


</div> 

Przed owijki mam menu nawigacyjnego. Chcę dodać obraz pełnoekranowy do pliku klasy div. i chcę, aby opakowanie typu divper skalowało się w 100%. wszelkie wskazówki będą bardzo mile widziane.

Answer 1

dwie opcje

1. użytku img-responsive klasa jeśli używasz tagu.

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

2. Jeśli używasz css, użyj tego.

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