Source

অবস্থান

একটি উপাদানের অবস্থান দ্রুত কনফিগার করার জন্য এই শর্টহ্যান্ড ইউটিলিটিগুলি ব্যবহার করুন।

সাধারণ মান

দ্রুত পজিশনিং ক্লাস উপলব্ধ, যদিও তারা প্রতিক্রিয়াশীল নয়।

<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>

স্থির শীর্ষ

ভিউপোর্টের শীর্ষে প্রান্ত থেকে প্রান্তে একটি উপাদান রাখুন। আপনি আপনার প্রকল্পে স্থির অবস্থানের প্রভাব বুঝতে পেরেছেন তা নিশ্চিত করুন; আপনাকে অতিরিক্ত CSS যোগ করতে হতে পারে।

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

স্থির নীচে

ভিউপোর্টের নীচে প্রান্ত থেকে প্রান্তে একটি উপাদান রাখুন। আপনি আপনার প্রকল্পে স্থির অবস্থানের প্রভাব বুঝতে পেরেছেন তা নিশ্চিত করুন; আপনাকে অতিরিক্ত CSS যোগ করতে হতে পারে।

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

স্টিকি টপ

ভিউপোর্টের শীর্ষে একটি উপাদানকে প্রান্ত থেকে প্রান্তে রাখুন, তবে আপনি এটিকে অতিক্রম করার পরেই। .sticky-topইউটিলিটি CSS এর ব্যবহার করে , position: stickyযা সমস্ত ব্রাউজারে সম্পূর্ণরূপে সমর্থিত নয়।

IE11 এবং IE10 position: stickyহিসাবে রেন্ডার হবে position: relativeযেমন, আমরা শৈলীগুলিকে একটি @supportsপ্রশ্নের মধ্যে মোড়ানো, আঠালোতাকে শুধুমাত্র ব্রাউজারগুলিতে সীমাবদ্ধ করে যা এটি সঠিকভাবে রেন্ডার করতে পারে।

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