क्लियरफिक्स करो

इक क्लियरफिक्स यूटिलिटी गी जोड़ियै इक कंटेनर दे अंदर फ्लोट कीती गेदी सामग्री गी जल्दी ते आसानी कन्नै साफ करो।

मूल तत्व चfloat जोड़ियै एस गी आसानी कन्नै साफ करो . मिक्सिन दे रूप च बी इस्तेमाल कीता जाई सकदा ऐ।.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>