ምንስፋፍ

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

ኣብዚ ገጽ

ሓፈሻዊ ትሕዝቶ

እዞም ናይ ዩቲሊቲ ክፍልታት ንሓደ ባእታ ናብ ጸጋም ወይ ንየማን ይንሳፈፍዎ፣ ወይ ድማ ተንሳፋፊ የሰናኽሉ፣ ኣብቲ ሕጂ ዘሎ ዓቐን ቪውፖርት መሰረት ብምግባር 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ንነፍሲ ወከፍ ክብርታት ምላሽ ዝህቡ ፍልልያት እውን ኣለዉ ።

ተንሳፋፊ ምጅማር ኣብ 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

ሳስ

ዩቲሊቲስ ኤፒኣይ

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

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