Ruka hadi kwa yaliyomo kuu Ruka hadi kwenye urambazaji wa hati
in English

Safisha

Futa kwa haraka na kwa urahisi maudhui yaliyoelea ndani ya kontena kwa kuongeza matumizi ya kurekebisha.

Futa kwa urahisi floats kwa kuongeza .clearfix kwenye kipengele cha mzazi . Inaweza pia kutumika kama mchanganyiko.

Tumia katika HTML:

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

Nambari ya chanzo cha mchanganyiko:

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

Tumia mchanganyiko katika SCSS:

.element {
  @include clearfix;
}

Mfano ufuatao unaonyesha jinsi clearfix inaweza kutumika. Bila kuweka wazi div ya kufunika haingezunguka vifungo ambavyo vinaweza kusababisha mpangilio uliovunjika.

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