האָפּקען צו הויפּט אינהאַלט האָפּקען צו דאָקס נאַוויגאַציע
Check
in English

Clearfix

געשווינד און לייכט קלאָר פלאָוטינג אינהאַלט אין אַ קאַנטיינער דורך אַדינג אַ קלירפיקס נוצן.

לייכט קלאָר floatס דורך אַדינג .clearfix צו די פאָטער עלעמענט . קענען אויך זיין געוויינט ווי אַ מיקסין.

ניצן אין HTML:

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

די מיקסין מקור קאָד:

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

ניצן די מיקסין אין SCSS:

.element {
  @include clearfix;
}

די פאלגענדע בייַשפּיל ווייזט ווי די קלירפיקס קענען זיין געוויינט. אָן די קלירפיקס, די ראַפּינג דייוו וואָלט נישט שפּאַן אַרום די קנעפּלעך וואָס וואָלט פאַרשאַפן אַ צעבראכן אויסלייג.

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>