স্কিপ করে মূল কন্টেন্ট এ যাও ডক্স নেভিগেশন এড়িয়ে যান
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>