স্কিপ করে মূল কন্টেন্ট এ যাও ডক্স নেভিগেশন এড়িয়ে যান
in English

ক্লিয়ারফিক্স

একটি ক্লিয়ারফিক্স ইউটিলিটি যোগ করে একটি কন্টেইনারের মধ্যে ভাসমান সামগ্রী দ্রুত এবং সহজে পরিষ্কার করুন।

প্যারেন্ট এলিমেন্ট যোগ করে সহজে floats সাফ করুন । এছাড়াও একটি mixin হিসাবে ব্যবহার করা যেতে পারে..clearfix

HTML এ ব্যবহার করুন:

<div class="clearfix">...</div>

মিক্সিন সোর্স কোড:

@mixin clearfix() {
  &::after {
    display: block;
    clear: both;
    content: "";
  }
}

SCSS এ মিক্সিন ব্যবহার করুন:

.element {
  @include clearfix;
}

নিম্নলিখিত উদাহরণ দেখায় কিভাবে ক্লিয়ারফিক্স ব্যবহার করা যেতে পারে। ক্লিয়ারফিক্স ছাড়া মোড়ানো ডিভটি বোতামগুলির চারপাশে স্প্যান করবে না যা একটি ভাঙা বিন্যাসের কারণ হবে।

<div class="bg-info clearfix">
  <button type="button" class="btn btn-secondary float-start">Example Button floated left</button>
  <button type="button" class="btn btn-secondary float-end">Example Button floated right</button>
</div>