in English
क्लियरफिक्स
एकटा क्लियरफिक्स उपयोगिता जोड़ क एकटा कंटेनर कें भीतर फ्लोटेड सामग्री कें जल्दी आ आसानी सं साफ करूं.
मूल तत्व मेfloat
जोड़ि क s आसानी स साफ करू . मिक्सिन के रूप मे सेहो प्रयोग कएल जा सकैत अछि ।.clearfix
एचटीएमएल मे प्रयोग करू:
<div class="clearfix">...</div>
मिक्सिन स्रोत कोड:
@mixin clearfix() {
&::after {
display: block;
clear: both;
content: "";
}
}
SCSS मे मिक्सिन के प्रयोग करू:
.element {
@include clearfix;
}
निम्नलिखित उदाहरण दर्शाबैत अछि जे क्लियरफिक्स के उपयोग कोना कएल जा सकैत अछि | बिना क्लियरफिक्स के रैपिंग डिव बटन के चारू कात स्पैन नै करत जे एकटा टूटल लेआउट के कारण बनत.
<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>