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

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

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

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