in English
तरंगणे
आमच्या रिस्पॉन्सिव्ह फ्लोट युटिलिटीचा वापर करून कोणत्याही घटकावर, कोणत्याही ब्रेकपॉइंटवर फ्लोट्स टॉगल करा.
या पृष्ठावर
आढावा
हे युटिलिटी क्लासेस एक घटक डावीकडे किंवा उजवीकडे फ्लोट करतात किंवा CSS float
गुणधर्म वापरून वर्तमान व्ह्यूपोर्ट आकारावर आधारित फ्लोटिंग अक्षम करतात . !important
विशिष्टता समस्या टाळण्यासाठी समाविष्ट आहे. हे आमच्या ग्रिड सिस्टमप्रमाणेच व्ह्यूपोर्ट ब्रेकपॉइंट वापरतात. फ्लेक्स आयटमवर फ्लोट युटिलिटीजचा कोणताही परिणाम होत नाही याची कृपया जाणीव ठेवा.
सर्व व्ह्यूपोर्ट आकारांवर फ्लोट सुरू करा
सर्व व्ह्यूपोर्ट आकारांवर फ्लोट एंड
सर्व व्ह्यूपोर्ट आकारांवर फ्लोट करू नका
<div class="float-start">Float start on all viewport sizes</div><br>
<div class="float-end">Float end on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>
प्रतिसाद देणारा
float
प्रत्येक मूल्यासाठी प्रतिसादात्मक भिन्नता देखील अस्तित्वात आहेत .
SM (लहान) किंवा रुंद आकाराच्या व्ह्यूपोर्ट्सवर फ्लोट सुरू करा
MD (मध्यम) किंवा रुंद आकाराच्या व्ह्यूपोर्टवर फ्लोट सुरू करा
LG (मोठे) किंवा रुंद आकाराच्या व्ह्यूपोर्टवर फ्लोट सुरू करा
व्ह्यूपोर्ट आकाराच्या XL (अतिरिक्त-मोठ्या) किंवा रुंद वर फ्लोट सुरू करा
<div class="float-sm-start">Float start on viewports sized SM (small) or wider</div><br>
<div class="float-md-start">Float start on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-start">Float start on viewports sized LG (large) or wider</div><br>
<div class="float-xl-start">Float start on viewports sized XL (extra-large) or wider</div><br>
येथे सर्व समर्थन वर्ग आहेत:
.float-start
.float-end
.float-none
.float-sm-start
.float-sm-end
.float-sm-none
.float-md-start
.float-md-end
.float-md-none
.float-lg-start
.float-lg-end
.float-lg-none
.float-xl-start
.float-xl-end
.float-xl-none
.float-xxl-start
.float-xxl-end
.float-xxl-none
सस
उपयुक्तता API
आमच्या युटिलिटी API मध्ये फ्लोट युटिलिटीज घोषित केल्या आहेत scss/_utilities.scss
. युटिलिटी API कसे वापरायचे ते शिका.
"float": (
responsive: true,
property: float,
values: (
start: left,
end: right,
none: none,
)
),