موقعیت

بالا ثابت

یک عنصر را از لبه به لبه در بالای پنجره دید قرار دهید. مطمئن شوید که پیامدهای موقعیت ثابت در پروژه خود را درک می کنید. ممکن است لازم باشد CSS اضافی اضافه کنید.

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

پایین ثابت

یک عنصر را از لبه به لبه در پایین درگاه دید قرار دهید. مطمئن شوید که پیامدهای موقعیت ثابت در پروژه خود را درک می کنید. ممکن است لازم باشد CSS اضافی اضافه کنید.

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

بالای چسب

یک عنصر را از لبه به لبه در بالای پنجره نمایش قرار دهید، اما فقط پس از اینکه از کنار آن عبور کنید. این .sticky-topابزار از CSS استفاده می کند position: stickyکه به طور کامل در همه مرورگرها پشتیبانی نمی شود.

<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>