Klɔe ɖa

Klɔ nyatakaka siwo le tsia dzi le nugoe me kabakaba eye nànɔ bɔbɔe to clearfix dɔwɔnu aɖe tsɔtsɔ kpee me.

Klɔ floats bɔbɔe to etsɔtsɔ kpe .clearfix ɖe dzila ƒe akpaa ŋu me . Woate ŋu azãe hã abe mixin ene.

Zãe le HTML me:

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

Mixin ƒe dzɔtsoƒe ƒe nuŋɔŋlɔ:

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

Zã mixin le SCSS me:

.element {
  @include clearfix;
}

Kpɔɖeŋu si gbɔna la ɖe alesi woate ŋu azã clearfix la fia. Clearfix la manɔmee la, wrapping div la maƒo xlã buttons si ana ɖoɖo nagbã o.

html

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