باز بدە بۆ ناوەڕۆکی سەرەکی باز بدە بۆ گەشتکردن بە دۆکیومێنتەکان
Check
in English

سەرئاو کەوتن

فلۆتەکان لەسەر هەر توخمێک بگۆڕە، لە سەرانسەری هەر خاڵێکی شکاندن، بە بەکارهێنانی سوودمەندییەکانی فلۆتی وەڵامدەرەوەمان.

تێڕوانینێکی گشتی

ئەم پۆلە سوودبەخشانە توخمێک بۆ لای چەپ یان ڕاست دەسوڕێنەوە، یان هەڵدەفڕێن لەکاردەخەن، بە پشتبەستن بە قەبارەی دەرچەی بینینی ئێستا بە بەکارهێنانی تایبەتمەندی CSSfloat . !importantبۆ ئەوەی کێشەی تایبەتمەندی ڕوونەدات، لەخۆدەگرێت. ئەمانە هەمان خاڵەکانی شکاندنی ڕوانگە بەکاردەهێنن وەک سیستەمی تۆڕەکەمان. تکایە ئاگاداربن سوودمەندییەکانی فلۆت هیچ کاریگەرییەکیان لەسەر شتە فلیکسەکان نییە.

دەستپێکردنی فلۆت لەسەر هەموو قەبارەکانی viewport

کۆتایی فلۆت لەسەر هەموو قەبارەکانی viewport

لەسەر هەموو قەبارەکانی viewport مەشۆ
html
<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 (گەورەتر) یان فراوانتر

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