in English
Klɔe ɖa
Klɔ nyatakaka siwo le tsia dzi le nugoe me kabakaba eye nànɔ bɔbɔe to clearfix dɔwɔnu aɖe tsɔtsɔ kpee me.
Klɔ float
s bɔbɔe to etsɔtsɔ kpe .clearfix
ɖe dzila ƒe akpaa ŋu me . Woate ŋu azãe hã abe mixin ene.
Zãe le HTML me:
<div class="clearfix">...</div>
Mixin ƒe dzɔtsoƒe ƒe nuŋɔŋlɔ:
@mixin clearfix() {
&::after {
display: block;
clear: both;
content: "";
}
}
Zã mixin le SCSS me:
.element {
@include clearfix;
}
Kpɔɖeŋu si gbɔna la ɖe alesi woate ŋu azã clearfix la fia. Clearfix la manɔmee la, wrapping div la maƒo xlã buttons si ana ɖoɖo nagbã o.
<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>