অবস্থান

স্থির শীর্ষ

ভিউপোর্টের শীর্ষে প্রান্ত থেকে প্রান্তে একটি উপাদান রাখুন। আপনি আপনার প্রকল্পে স্থির অবস্থানের প্রভাব বুঝতে পেরেছেন তা নিশ্চিত করুন; আপনাকে অতিরিক্ত 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>