बूटस्ट्रैप

Question

के साथ पूर्ण स्क्रीन उत्तरदायी पृष्ठभूमि छवि मैं twitters बूटस्ट्रैप के लिए नया हूँ। क्या जानना है कि HTML mockup है कि मुझे बूटस्ट्रैप के साथ एक पूर्ण स्क्रीन उत्तरदायी पृष्ठभूमि छवि के लिए उपयोग करना है?

निश्चित रूप से मैं mockup

<div class="container-fluid"> 

<div class="wrapper"> 

</div> 


</div> 

मुकदमा कर रहा हूँ आवरण मैं एक नेविगेशन मेनू है पहले। मैं div वर्ग wrapper में एक पूर्ण स्क्रीन छवि जोड़ना चाहता हूँ। और मैं रैपर div 100% स्केल करना चाहता हूँ। किसी भी सुझाव की सराहना की जाएगी।

Answer 1

दो विकल्प

1. उपयोग img-responsive वर्ग यदि आप टैग का उपयोग कर रहे हैं।

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

2. यदि आप सीएसएस का उपयोग कर रहे हैं तो इसका उपयोग करें।

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