मुख्य सामग्री पर जाईं डॉक्स नेविगेशन पर जाईं
in English

क्लियरफिक्स हो गइल बा

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

मूल तत्व मेंfloat जोड़ के आसानी से s साफ करीं . मिक्सिन के रूप में भी इस्तेमाल कईल जा सकता।.clearfix

एचटीएमएल में इस्तेमाल करीं:

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

मिक्सिन के स्रोत कोड बा:

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

एससीएसएस में मिक्सिन के इस्तेमाल करीं:

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