Source

כלי עזר לפריסה

לפיתוח מהיר יותר ידידותי למובייל ומגיב, Bootstrap כולל עשרות מחלקות שירות להצגה, הסתרה, יישור וריווח של תוכן.

מִשְׁתַנֶהdisplay

השתמש בכלי העזר שלנו לתצוגה כדי לשנות באופן רספונסיבי את הערכים הנפוצים של displayהנכס. מערבבים את זה עם מערכת הרשת, התוכן או הרכיבים שלנו כדי להציג או להסתיר אותם על פני יציאות תצוגה ספציפיות.

אפשרויות Flexbox

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

לְמַתֵגvisibility

כאשר displayאין צורך בהחלפה, אתה יכול לשנות את ההגדרה visibilityשל רכיב עם כלי העזר שלנו לנראות . אלמנטים בלתי נראים עדיין ישפיעו על פריסת הדף, אך מוסתרים חזותית מהמבקרים.