Ana içeriğe geç Dokümanlar navigasyonuna atla
in English

Düzeltme

Bir düzeltme yardımcı programı ekleyerek bir kap içindeki kayan içeriği hızlı ve kolay bir şekilde temizleyin.

Ana öğeyefloat ekleyerek s'yi kolayca temizleyin . Karışım olarak da kullanılabilir..clearfix

HTML'de kullanın:

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

mixin kaynak kodu:

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

SCSS'deki karışımı kullanın:

.element {
  @include clearfix;
}

Aşağıdaki örnek, düzeltmenin nasıl kullanılabileceğini gösterir. Düzeltme olmadan, sarma div, bozuk bir düzene neden olacak düğmelerin etrafına yayılmaz.

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