in English
Fa'amamafi
Fa'avave ma faigofie ona fa'amama mea fa'afefe i totonu o se koneteina e ala i le fa'aopoopoina o se fa'aoga manino.
Fa'amanino faigofie float
s e ala i le fa'aopoopo .clearfix
i le elemene matua . E mafai foi ona faʻaaogaina e avea o se paluga.
Fa'aoga ile HTML:
<div class="clearfix">...</div>
Le mixin source code:
@mixin clearfix() {
&::after {
display: block;
clear: both;
content: "";
}
}
Fa'aoga le mixin ile SCSS:
.element {
@include clearfix;
}
Ole fa'ata'ita'iga lea e fa'aalia ai le fa'aogaina ole clearfix. A aunoa ma le clearfix e le mafai ona taamilo le div afifi faataamilo i faamau e mafua ai ona malepe le faatulagaga.
<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>