কন্টেইনারের প্রস্থ ঠিক করে এবং প্রথম গ্রিড সিস্টেম টিয়ার ব্যবহার করে বুটস্ট্র্যাপের প্রতিক্রিয়াশীলতা অক্ষম করুন। আরও তথ্যের জন্য ডকুমেন্টেশন পড়ুন .
এর অভাব লক্ষ্য করুন <meta name="viewport" content="width=device-width, initial-scale=1">, যা মোবাইল ডিভাইসে সাইটগুলির জুমিং দিকটিকে অক্ষম করে। উপরন্তু, আমরা আমাদের কন্টেইনারের প্রস্থ রিসেট করেছি এবং ধসে পড়া রোধ করতে নেভিবার পরিবর্তন করেছি এবং মূলত যেতে ভালো।
একটি হেড আপ হিসাবে, navbar উপাদান এখানে বরং চতুর যে এটি প্রদর্শনের শৈলী বরং নির্দিষ্ট এবং বিস্তারিত। ডেস্কটপ শৈলী প্রদর্শন নিশ্চিত করতে ওভাররাইডগুলি একজনের পছন্দ মতো পারফরম্যান্স বা মসৃণ নয়। শুধু জেনে রাখুন যে নেভিবার ব্যবহার করার সময় আপনি এই উদাহরণের উপরে তৈরি করার সময় সম্ভাব্য গোটচা থাকতে পারে।
অ-প্রতিক্রিয়াশীল লেআউটগুলি স্থির উপাদানগুলির একটি মূল ত্রুটি হাইলাইট করে৷ কোনো নির্দিষ্ট উপাদান, যেমন একটি স্থির নেভিবার, স্ক্রোলযোগ্য হবে না যখন ভিউপোর্ট পৃষ্ঠার বিষয়বস্তুর চেয়ে সংকীর্ণ হয়ে যায়। অন্য কথায়, 970px এর অ-প্রতিক্রিয়াশীল কন্টেইনার প্রস্থ এবং 800px এর একটি ভিউপোর্ট দেওয়া হলে, আপনি সম্ভাব্যভাবে 170px সামগ্রী লুকাবেন।
এটি ডিফল্ট ব্রাউজার আচরণ হিসাবে এটি কাছাকাছি কোন উপায় নেই. একমাত্র সমাধান হল একটি প্রতিক্রিয়াশীল লেআউট বা একটি অ-স্থির উপাদান ব্যবহার করা।