in English
کلیرفکس
په ګړندۍ او اسانۍ سره په کانټینر کې تیر شوي مینځپانګې د کلیف فکس افادیت اضافه کولو سره پاک کړئ.
د اصلي عنصر پهfloat
اضافه کولو سره s په اسانۍ سره پاک کړئ . د مخلوط په توګه هم کارول کیدی شي..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>