क्लियरफिक्स

एकटा क्लियरफिक्स उपयोगिता जोड़ क एकटा कंटेनर कें भीतर फ्लोटेड सामग्री कें जल्दी आ आसानी सं साफ करूं.

मूल तत्व मेfloat जोड़ि क s आसानी स साफ करू . मिक्सिन के रूप मे सेहो प्रयोग कएल जा सकैत अछि ।.clearfix

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

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

// Usage as a mixin
.element {
  @include clearfix;
}

निम्नलिखित उदाहरण दर्शाबैत अछि जे क्लियरफिक्स के उपयोग कोना कएल जा सकैत अछि | बिना क्लियरफिक्स के रैपिंग डिव बटन के चारू कात स्पैन नै करत जे एकटा टूटल लेआउट के कारण बनत.

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