मुख्य सामग्री पर जाईं डॉक्स नेविगेशन पर जाईं
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हर मान खातिर प्रतिक्रियाशील भिन्नता भी मौजूद बा ।

एसएम (छोट) या एकरे से ढेर साइज के व्यूपोर्ट सभ पर फ्लोट स्टार्ट करीं

एमडी (मध्यम) या चौड़ा आकार के व्यूपोर्ट पर फ्लोट शुरू करीं

एलजी (बड़का) भा एकरा से चौड़ा आकार के व्यूपोर्ट प फ्लोट स्टार्ट करीं

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

ससस के बा

उपयोगिता एपीआई के बा

फ्लोट यूटिलिटीज के हमनी के यूटिलिटीज एपीआई में घोषित कइल गइल बा scss/_utilities.scss. उपयोगिता एपीआई के इस्तेमाल करे के तरीका जानें।

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