Buuka ku bigambo ebikulu Buuka ku docs navigation
Check
in English

Okulongoosa

Okulongoosa amangu era mu ngeri ennyangu ebirimu ebitengejja munda mu kibya nga ossaako ekintu ekiyamba okutereeza.

Kyangu okulongoosa floats nga ogatta .clearfix ku elementi omuzadde . Era asobola okukozesebwa nga mixin.

Kozesa mu HTML:

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

Ensibuko ya mixin:

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

Kozesa mixin mu SCSS:

.element {
  @include clearfix;
}

Ekyokulabirako kino wammanga kiraga engeri clearfix gy’esobola okukozesebwa. Awatali clearfix wrapping div teyandibadde span okwetoloola buttons ekyandireetedde layout okumenyeka.

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>