כלי עזר לפריסה
לפיתוח מהיר יותר ידידותי למובייל ומגיב, Bootstrap כולל עשרות מחלקות שירות להצגה, הסתרה, יישור וריווח של תוכן.
השתמש בכלי העזר שלנו לתצוגה כדי לשנות באופן רספונסיבי את הערכים הנפוצים של displayהנכס. מערבבים את זה עם מערכת הרשת, התוכן או הרכיבים שלנו כדי להציג או להסתיר אותם על פני יציאות תצוגה ספציפיות.
Bootstrap 4 בנוי עם flexbox, אך לא כל רכיב displayשונה לכיוון display: flexשזה יוסיף הרבה עקיפות מיותרות וישנה באופן בלתי צפוי התנהגויות מפתח של דפדפן. רוב הרכיבים שלנו בנויים עם flexbox מופעל.
אם תצטרך להוסיף display: flexלאלמנט, עשה זאת עם .d-flexאו עם אחת מהווריאציות הרספונסיביות (למשל, .d-sm-flex). תזדקק למחלקה או displayלערך זה כדי לאפשר שימוש בכלי השירות הנוספים שלנו ל-flexbox עבור גודל, יישור, מרווח ועוד.
השתמש בכלי השירותmargin ומרווחים כדי לשלוט כיצד מרווחים וגודלם של אלמנטים ורכיבים. Bootstrap 4 כולל סולם בן חמש רמות עבור כלי עזר לרווחים, המבוסס על משתנה ברירת מחדל של ערך. בחר ערכים עבור כל נקודות התצוגה (לדוגמה, עבור ), או בחר וריאציות רספונסיביות כדי למקד לנקודות תצוגה ספציפיות (למשל, להתחלה בנקודת הפסקה).padding 1rem$spacer.mr-3margin-right: 1rem.mr-md-3margin-right: 1remmd
כאשר displayאין צורך בהחלפה, אתה יכול לשנות את ההגדרה visibilityשל רכיב עם כלי העזר שלנו לנראות . אלמנטים בלתי נראים עדיין ישפיעו על פריסת הדף, אך מוסתרים חזותית מהמבקרים.