تیرنا

جائزہ

یہ یوٹیلیٹی کلاسز کسی عنصر کو بائیں یا دائیں فلوٹ کرتی ہیں یا 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

سس

یوٹیلیٹیز API

فلوٹ یوٹیلیٹیز کا اعلان ہماری یوٹیلیٹیز API میں scss/_utilities.scss. یوٹیلیٹیز API کو استعمال کرنے کا طریقہ سیکھیں۔

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