مرکزی مواد پر جائیں۔ ڈاکس نیویگیشن پر جائیں۔
in English

کلیئر فکس

کلیئر فکس یوٹیلیٹی شامل کر کے کنٹینر کے اندر تیرے ہوئے مواد کو جلدی اور آسانی سے صاف کریں۔

پیرنٹ عنصر میںfloat شامل کرکے s کو آسانی سے صاف کریں۔ مکس کے طور پر بھی استعمال کیا جا سکتا ہے۔.clearfix

HTML میں استعمال کریں:

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

مکسن سورس کوڈ:

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

SCSS میں مکسین کا استعمال کریں:

.element {
  @include clearfix;
}

مندرجہ ذیل مثال سے ظاہر ہوتا ہے کہ کلیئر فکس کو کس طرح استعمال کیا جا سکتا ہے۔ کلیئر فکس کے بغیر ریپنگ div بٹنوں کے گرد نہیں پھیلے گا جس کی وجہ سے ترتیب ٹوٹ جائے گی۔

<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>