क्लियरफिक्स

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

एचटीएमएल मे प्रयोग करू:

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

मिक्सिन स्रोत कोड:

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

SCSS मे मिक्सिन के प्रयोग करू:

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