Tlolela go diteng tše kgolo Tlolela go docs navigation
in English

Hlakiša

Ka pela le gabonolo hlakola diteng tše di phaphametšego ka gare ga setshelo ka go oketša utility ya clearfix.

Hlakola s gabonolo floatka go tlaleletša .clearfix go elemente ya motswadi . E ka šomišwa gape bjalo ka mixin.

Šomiša ka go HTML:

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

Khoutu ya mohlodi ya mixin:

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

Diriša mixin ka go SCSS:

.element {
  @include clearfix;
}

Mohlala wo o latelago o bontšha ka moo clearfix e ka šomišwago ka gona. Ntle le clearfix div ya go phuthela e be e ka se span go dikologa dikonope tšeo di bego di tla baka peakanyo ye e senyegilego.

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