فلوٽ

اوسر

اهي يوٽيلٽي ڪلاس هڪ عنصر کي کاٻي يا ساڄي طرف فلوٽ ڪن ٿا، يا فلوٽنگ کي غير فعال ڪن ٿا، موجوده ويوپورٽ سائيز جي بنياد تي CSS floatپراپرٽي استعمال ڪندي . !importantمخصوص مسئلن کان بچڻ لاء شامل آهي. اهي اسان جي گرڊ سسٽم جي طور تي ساڳيا viewport بريڪ پوائنٽ استعمال ڪندا آهن. مهرباني ڪري آگاهه رهو ته فلوٽ يوٽيلٽيز جو فليڪس شين تي ڪو به اثر ناهي.

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