in English
سەرئاو کەوتن
فلۆتەکان لەسەر هەر توخمێک بگۆڕە، لە سەرانسەری هەر خاڵێکی شکاندن، بە بەکارهێنانی سوودمەندییەکانی فلۆتی وەڵامدەرەوەمان.
لەم پەیجەدا
تێڕوانینێکی گشتی
ئەم پۆلە سوودبەخشانە توخمێک بۆ لای چەپ یان ڕاست دەسوڕێنەوە، یان هەڵدەفڕێن لەکاردەخەن، بە پشتبەستن بە قەبارەی دەرچەی بینینی ئێستا بە بەکارهێنانی تایبەتمەندی CSSfloat
. !important
بۆ ئەوەی کێشەی تایبەتمەندی ڕوونەدات، لەخۆدەگرێت. ئەمانە هەمان خاڵەکانی شکاندنی ڕوانگە بەکاردەهێنن وەک سیستەمی تۆڕەکەمان. تکایە ئاگاداربن سوودمەندییەکانی فلۆت هیچ کاریگەرییەکیان لەسەر شتە فلیکسەکان نییە.
دەستپێکردنی فلۆت لەسەر هەموو قەبارەکانی viewport
کۆتایی فلۆت لەسەر هەموو قەبارەکانی viewport
لەسەر هەموو قەبارەکانی 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
بەهایەک هەیە.
دەستپێکردنی فلۆت لەسەر دەروازەکانی بینین بە قەبارەی 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
ساس
API ی سوودمەندیەکان
سوودمەندییەکانی فلۆت لە APIی خزمەتگوزارییەکانمان لە scss/_utilities.scss
. فێربە چۆن API ی سوودمەندیەکان بەکاربهێنیت.
"float": (
responsive: true,
property: float,
values: (
start: left,
end: right,
none: none,
)
),