השבת את ההיענות של Bootstrap על ידי תיקון רוחב המכולה ושימוש בשכבת מערכת הרשת הראשונה. קרא את התיעוד למידע נוסף.
שים לב להיעדר ה- <meta name="viewport" content="width=device-width, initial-scale=1">
, אשר משבית את היבט התקרבות של אתרים במכשירים ניידים. בנוסף, איפסנו את רוחב המכולה שלנו ושינינו את סרגל הניווט כדי למנוע קריסה, ובעצם טוב ללכת.
בתור הודעה ראשונית, רכיב ה-navbar הוא די מסובך כאן בכך שהסגנונות להצגתו הם ספציפיים ומפורטים למדי. עקיפות כדי להבטיח שסגנונות שולחן העבודה אינם ביצועיים או חלקים כפי שהייתם רוצים. רק שים לב שייתכן שיהיו תקלות פוטנציאליות כשאתה בונה על הדוגמה הזו בעת השימוש בסרגל הניווט.
פריסות לא מגיבות מדגישות חסרון מרכזי באלמנטים קבועים. כל רכיב קבוע, כגון סרגל ניווט קבוע, לא יהיה ניתן לגלילה כאשר שדה התצוגה הופך צר יותר מתוכן העמוד. במילים אחרות, בהתחשב ברוחב המכולה הלא מגיב של 970 פיקסלים ונקודת מבט של 800 פיקסלים, אתה עלול להסתיר 170 פיקסלים של תוכן.
אין דרך לעקוף זאת מכיוון שזו התנהגות דפדפן ברירת המחדל. הפתרון היחיד הוא פריסה רספונסיבית או שימוש באלמנט לא קבוע.