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