in English
ক্লিয়ারফিক্স
একটি ক্লিয়ারফিক্স ইউটিলিটি যোগ করে একটি কন্টেইনারের মধ্যে ভাসমান সামগ্রী দ্রুত এবং সহজে পরিষ্কার করুন।
প্যারেন্ট এলিমেন্ট যোগ করে সহজে float
s সাফ করুন । এছাড়াও একটি 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>