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

क्लियरफिक्स उपयुक्तताय जोडून कंटेनरा भितर फ्लोटेड सामुग्री बेगीन आनी सहज निवळ करात.

पालक घटकांत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>