मुखेल आशयाचेर वचचें डॉक्स नेव्हिगेशनाचेर वचचें
Check
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

सास

उपयुक्तताय एपीआय

फ्लोट उपयुक्तताय आमच्या उपयुक्तताय एपीआयंत 2019 वर्सा जाहीर केल्यात scss/_utilities.scss. उपयुक्तताय एपीआय कसो वापरचो तें शिकात.

    "float": (
      responsive: true,
      property: float,
      values: (
        start: left,
        end: right,
        none: none,
      )
    ),