Source

Clearfix

Ngwa ngwa na dị mfe ikpochapụ ọdịnaya nke sere n'elu n'ime akpa site n'ịgbakwunye ngwa ngwa clearfix.

Kwuo ngwa ngwa floats site na ịgbakwunye .clearfix na mmewere nne na nna . Enwere ike iji ya mee ihe dị ka mixin.

<div class="clearfix">...</div>
// Mixin itself
@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

// Usage as a mixin
.element {
  @include clearfix;
}

Ihe atụ na-esonụ na-egosi otu esi eji clearfix mee ihe. Na-enweghị clearfix, wrapping div agaghị agafe gburugburu bọtịnụ nke ga-eme ka okirikiri nhọrọ ukwuu.

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