עמדה

השתמש בעוזרים אלה להגדרה מהירה של המיקום של אלמנט.

בעמוד זה

חלק עליון קבוע

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

<div class="fixed-top">...</div>

תחתית קבועה

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

<div class="fixed-bottom">...</div>

חלק עליון דביק

מקם אלמנט בחלק העליון של נקודת התצוגה, מקצה לקצה, אך רק לאחר שגוללת מעבר לו.

<div class="sticky-top">...</div>

טופ דביק רספונסיבי

וריאציות רספונסיביות קיימות גם עבור .sticky-topהשירות.

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

תחתית דביקה

מקם אלמנט בחלק התחתון של נקודת התצוגה, מקצה לקצה, אך רק לאחר שגוללת מעבר לו.

<div class="sticky-bottom">...</div>

תחתית דביקה רספונסיבית

וריאציות רספונסיביות קיימות גם עבור .sticky-bottomהשירות.

<div class="sticky-sm-bottom">Stick to the bottom on viewports sized SM (small) or wider</div>
<div class="sticky-md-bottom">Stick to the bottom on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-bottom">Stick to the bottom on viewports sized LG (large) or wider</div>
<div class="sticky-xl-bottom">Stick to the bottom on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-bottom">Stick to the bottom on viewports sized XXL (extra-extra-large) or wider</div>