ধাৰকৰ প্ৰস্থ নিৰ্ধাৰণ কৰি আৰু প্ৰথম গ্ৰীড ব্যৱস্থাপ্ৰণালী স্তৰ ব্যৱহাৰ কৰি Bootstrap ৰ সঁহাৰি নিষ্ক্ৰিয় কৰক । অধিক তথ্যৰ বাবে নথিপত্ৰ পঢ়ক ।
মন কৰিব যে ৰ অভাৱ <meta name="viewport" content="width=device-width, initial-scale=1">, যিয়ে মোবাইল ডিভাইচসমূহত চাইটসমূহৰ জুমিং দিশটো নিষ্ক্ৰিয় কৰে। ইয়াৰ উপৰিও আমি আমাৰ কণ্টেইনাৰৰ প্ৰস্থ ৰিছেট কৰিলোঁ আৰু ভাঙি যোৱা ৰোধ কৰিবলৈ navbar সলনি কৰিলোঁ, আৰু মূলতঃ যাবলৈ ভাল।
এটা হেডছ আপ হিচাপে, navbar উপাদান ইয়াত যথেষ্ট কৌশলী কাৰণ ইয়াক প্ৰদৰ্শনৰ বাবে শৈলীসমূহ যথেষ্ট নিৰ্দিষ্ট আৰু বিৱৰিত। ডেস্কটপ শৈলীসমূহ প্ৰদৰ্শন ইমান পৰিৱেশনশীল বা চিকচিকিয়া নহয় সুনিশ্চিত কৰিবলে অভাৰৰাইডসমূহ এজনে বিচৰা ধৰণে। মাত্ৰ সচেতন হওক যে আপুনি navbar ব্যৱহাৰ কৰাৰ সময়ত এই উদাহৰণৰ ওপৰত নিৰ্মাণ কৰাৰ সময়ত সম্ভাৱ্য gotchas থাকিব পাৰে।
অ-প্ৰতিক্ৰিয়াশীল পৰিকল্পনাসমূহে স্থিৰ উপাদানসমূহৰ এটা মূল অসুবিধা আলোকপাত কৰে। যিকোনো স্থিৰ উপাদান, যেনে এটা স্থিৰ নেভবাৰ, স্ক্ৰ'লযোগ্য নহ'ব যেতিয়া দৰ্শনপৰ্ট পৃষ্ঠাৰ বিষয়বস্তুতকৈ সংকীৰ্ণ হয়। অৰ্থাৎ, 970px ৰ নন-ৰেচপন্সিভ কণ্টেইনাৰ প্ৰস্থ আৰু 800px ৰ এটা ভিউপৰ্ট দিলে, আপুনি সম্ভাৱনাময়ভাৱে 170px বিষয়বস্তু লুকুৱাব।
ইয়াৰ কোনো উপায় নাই কাৰণ ই অবিকল্পিত ব্ৰাউজাৰ আচৰণ। একমাত্ৰ সমাধান হ'ল এটা প্ৰতিক্ৰিয়াশীল বিন্যাস বা এটা অস্থিৰ উপাদান ব্যৱহাৰ কৰা।