तरना

अवलोकन करना

एह् उपयोगिता वर्ग 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हर इक मूल्य आस्तै प्रतिक्रियाशील बदलाव बी मौजूद ऐ ।

<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,
      )
    ),