ናብ ቀንዲ ትሕዝቶ ዘልል ናብ docs navigation ዘልል
Check
in English

ምንስፋፍ

ኣብ ዝኾነ ባእታ፡ ኣብ ዝኾነ ነጥቢ ምብታኽ፡ ንዝንሳፈፉ ምላሽ ዝህቡ ተንሳፈፍቲ ዩቲሊቲታትና ብምጥቃም ተንሳፋፊ ምቕያር።

ሓፈሻዊ ትሕዝቶ

እዞም ናይ ዩቲሊቲ ክፍልታት ንሓደ ባእታ ናብ ጸጋም ወይ ንየማን ይንሳፈፍዎ፣ ወይ ድማ ተንሳፋፊ የሰናኽሉ፣ ኣብቲ ሕጂ ዘሎ ዓቐን ቪውፖርት መሰረት ብምግባር CSS floatንብረት ብምጥቃም ። !importantፍሉይነት ዝምልከት ሕቶታት ንኸይፍጠር ተኻቲቱ ኣሎ። እዚኦም ከምቲ ናይ ግሪድ ስርዓትና ተመሳሳሊ ናይ ቪውፖርት ምብታኽ ነጥብታት ይጥቀሙ። በጃኹም ኣስተውዕሉ ፍሎት ዩቲሊቲስ ኣብ ፍሌክስ ኣቑሑት ዝኾነ ጽልዋ የብሎምን።

ኣብ ኩሉ ዓቐናት ቪውፖርት ፍሎት ጀምር

ኣብ ኩሉ ዓቐናት ቪውፖርት ተንሳፋፊ መወዳእታ

ኣብ ኩሉ ዓቐናት ቪውፖርት ኣይትንሳፈፍ
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

ሳስ

ዩቲሊቲስ ኤፒኣይ

ፍሎት ዩቲሊቲስ ኣብ ዩቲሊቲስና ኤፒኣይ ኣብ scss/_utilities.scss. ከመይ ጌርካ ናይ ዩቲሊቲስ ኤፒኣይ ከም እትጥቀመሉ ተማሃር።

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