in English
Расчисти
Брзо и лесно исчистете ја пловената содржина во контејнер со додавање на алатка за clearfix.
Лесно исчистете ги float
со додавање .clearfix
на родителскиот елемент . Може да се користи и како микс.
Користете во HTML:
<div class="clearfix">...</div>
Изворниот код на миксин:
@mixin clearfix() {
&::after {
display: block;
clear: both;
content: "";
}
}
Користете го миксинот во SCSS:
.element {
@include clearfix;
}
Следниот пример покажува како може да се користи појаснувањето. Без чисто поправање на завиткување div нема да се протега околу копчињата што би предизвикало скршен распоред.
<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>