کلیئر فکس

پیرنٹ عنصر میں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>