कन्टेनरको चौडाइ फिक्स गरेर र पहिलो ग्रिड प्रणाली टियर प्रयोग गरेर बुटस्ट्र्यापको प्रतिक्रियाशीलता असक्षम गर्नुहोस्। थप जानकारीको लागि कागजात पढ्नुहोस् ।
को कमीलाई नोट गर्नुहोस् <meta name="viewport" content="width=device-width, initial-scale=1">, जसले मोबाइल उपकरणहरूमा साइटहरूको जुमिङ पक्षलाई असक्षम पार्छ। थप रूपमा, हामीले हाम्रो कन्टेनरको चौडाइ रिसेट गर्यौं र पतन रोक्नको लागि नेभबार परिवर्तन गर्यौं, र मूल रूपमा जानको लागि राम्रो छ।
हेड अपको रूपमा, नेभबार कम्पोनेन्ट यहाँ कठिन छ कि यसलाई प्रदर्शन गर्ने शैलीहरू बरु विशिष्ट र विस्तृत छन्। डेस्कटप शैलीहरू प्रदर्शन गर्न चाहने जस्तो प्रदर्शन वा पातलो छैन भनेर सुनिश्चित गर्न ओभरराइडहरू। तपाईंले नेभबार प्रयोग गर्दा यो उदाहरणको शीर्षमा निर्माण गर्दा सम्भावित गोचाहरू हुन सक्छन् भन्ने कुरामा ध्यान दिनुहोस्।
गैर-उत्तरदायी लेआउटहरूले निश्चित तत्वहरूमा मुख्य कमजोरीलाई हाइलाइट गर्दछ। कुनै पनि निश्चित कम्पोनेन्ट, जस्तै फिक्स्ड नेभबार, स्क्रोलयोग्य हुने छैन जब भ्युपोर्ट पृष्ठ सामग्री भन्दा साँघुरो हुन्छ। अन्य शब्दहरूमा, 970px को गैर-प्रतिक्रियाशील कन्टेनर चौडाइ र 800px को एक भ्यूपोर्ट दिएर, तपाईंले सम्भावित रूपमा 170px सामग्री लुकाउनुहुनेछ।
यो पूर्वनिर्धारित ब्राउजर व्यवहार भएकोले यसको वरिपरि कुनै उपाय छैन। एक मात्र समाधान एक उत्तरदायी लेआउट वा गैर-निश्चित तत्व प्रयोग गरेर हो।