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