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

מִשְׁתַנֶהdisplay

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

אפשרויות Flexbox

Bootstrap נבנה עם flexbox, אבל לא כל רכיב displayשונה לכיוון display: flexשזה יוסיף הרבה עקיפות מיותרות וישנה באופן בלתי צפוי התנהגויות מפתח של דפדפן. רוב הרכיבים שלנו בנויים עם flexbox מופעל.

אם תצטרך להוסיף display: flexלאלמנט, עשה זאת עם .d-flexאו עם אחת מהווריאציות הרספונסיביות (למשל, .d-sm-flex). תזדקק למחלקה או displayלערך זה כדי לאפשר שימוש בכלי השירות הנוספים שלנו ל-flexbox עבור גודל, יישור, מרווח ועוד.

שוליים וריפוד

השתמש בכלי השירותmargin ומרווחים כדי לשלוט כיצד מרווחים וגודלם של אלמנטים ורכיבים. Bootstrap כולל סולם בן שש רמות עבור כלי עזר לרווחים, המבוסס על משתנה ברירת מחדל של ערך. בחר ערכים עבור כל נקודות התצוגה (לדוגמה, עבור ב-LTR), או בחר וריאציות רספונסיביות כדי למקד לנקודות תצוגה ספציפיות (למשל, עבור -ב-LTR- החל מנקודת הפסקה).padding 1rem$spacer.me-3margin-right: 1rem.me-md-3margin-right: 1remmd

לְמַתֵגvisibility

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