رفتن به محتوای اصلی به پیمایش اسناد بروید
Check
in English

موقعیت

از این کمک کننده ها برای پیکربندی سریع موقعیت یک عنصر استفاده کنید.

بالا ثابت

یک عنصر را از لبه به لبه در بالای پنجره دید قرار دهید. مطمئن شوید که پیامدهای موقعیت ثابت در پروژه خود را درک می کنید. ممکن است لازم باشد 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>