გამორთეთ Bootstrap-ის რეაგირება კონტეინერის სიგანის დაფიქსირებით და ქსელის სისტემის პირველი დონის გამოყენებით. დამატებითი ინფორმაციისთვის წაიკითხეთ დოკუმენტაცია .
გაითვალისწინეთ ნაკლებობა <meta name="viewport" content="width=device-width, initial-scale=1">, რომელიც გამორთავს საიტების მასშტაბირების ასპექტს მობილურ მოწყობილობებში. გარდა ამისა, ჩვენ გადავაყენეთ ჩვენი კონტეინერის სიგანე და შევცვალეთ navbar, რათა თავიდან ავიცილოთ კოლაფსი და, ძირითადად, კარგია.
როგორც თავიდანვე, navbar კომპონენტი აქ საკმაოდ სახიფათოა, რადგან მისი ჩვენების სტილი საკმაოდ სპეციფიკური და დეტალურია. უგულებელყოფა იმის უზრუნველსაყოფად, რომ დესკტოპის სტილის ჩვენება არ იყოს ისეთი ეფექტური ან გლუვი, როგორც ვინმეს უნდა. უბრალოდ გაითვალისწინეთ, რომ შეიძლება არსებობდეს პოტენციური გოჩა, როცა ამ მაგალითზე ააგებთ ნავიბარის გამოყენებისას.
უპასუხო განლაგება ხაზს უსვამს ფიქსირებული ელემენტების ძირითად ნაკლს. ნებისმიერი ფიქსირებული კომპონენტი, როგორიცაა ფიქსირებული ნავიგატორი, არ იქნება გადახვევა, როდესაც ხედის პორტი ვიწროვდება, ვიდრე გვერდის შინაარსი. სხვა სიტყვებით რომ ვთქვათ, კონტეინერის 970 პიქსელის სიგანის და 800 პიქსელის ხედის გათვალისწინებით, თქვენ პოტენციურად დამალავთ 170 პიქს კონტენტს.
ამის გარშემო გზა არ არსებობს, რადგან ის ნაგულისხმევი ბრაუზერის ქცევაა. ერთადერთი გამოსავალი არის საპასუხო განლაგება ან არაფიქსირებული ელემენტის გამოყენება.