ተንሳፋፊ

የእኛን ምላሽ ሰጪ ተንሳፋፊ መገልገያዎችን በመጠቀም በማንኛውም አካል ላይ ተንሳፋፊዎችን በማንኛውም መግቻ ነጥብ ላይ ቀይር።

አጠቃላይ እይታ

እነዚህ የመገልገያ ክፍሎች የሲኤስኤስ floatንብረቱን በመጠቀም አሁን ባለው የመመልከቻ መጠን ላይ በመመስረት አንድን ንጥረ ነገር ወደ ግራ ወይም ቀኝ ይንሳፈፋሉ ወይም ተንሳፋፊን ያሰናክሉ ። !importantየልዩነት ጉዳዮችን ለማስወገድ ተካትቷል። እነዚህ እንደ ፍርግርግ ስርዓታችን ተመሳሳይ የመመልከቻ ነጥቦችን ይጠቀማሉ። እባክዎን ተንሳፋፊ መገልገያዎች በተለዋዋጭ እቃዎች ላይ ምንም ተጽእኖ እንደሌላቸው ይወቁ።

ክፍሎች

ተንሳፋፊን ከክፍል ጋር ቀያይር፡-

በሁሉም የእይታ መጠኖች ላይ ወደ ግራ ተንሳፈፍ

በሁሉም የእይታ መጠኖች ላይ በትክክል ተንሳፈፈ

በሁሉም የእይታ መጠኖች ላይ አይንሳፈፉ

<div class="float-left">Float left on all viewport sizes</div><br>
<div class="float-right">Float right on all viewport sizes</div><br>
<div class="float-none">Don't float on all viewport sizes</div>

ቅልቅል

ወይም በ Sass mixin፡-

.element {
  @include float-left;
}
.another-element {
  @include float-right;
}
.one-more {
  @include float-none;
}

ምላሽ ሰጪ

floatለእያንዳንዱ እሴት ምላሽ ሰጪ ልዩነቶችም አሉ ።

ኤስኤም (ትንሽ) ወይም ሰፊ በሆነ የእይታ ወደቦች ላይ ወደ ግራ ተንሳፈፈ

ኤምዲ (መካከለኛ) ወይም ሰፊ በሆነ የእይታ ወደቦች ላይ ወደ ግራ ተንሳፈፈ

LG (ትልቅ) ወይም ሰፊ በሆነ የእይታ ወደቦች ላይ ወደ ግራ ተንሳፋፊ

ተንሳፋፊ ወደ ግራ መጠን XL (ትልቁ ትልቅ) ወይም ሰፊ

<div class="float-sm-left">Float left on viewports sized SM (small) or wider</div><br>
<div class="float-md-left">Float left on viewports sized MD (medium) or wider</div><br>
<div class="float-lg-left">Float left on viewports sized LG (large) or wider</div><br>
<div class="float-xl-left">Float left on viewports sized XL (extra-large) or wider</div><br>

እዚህ ሁሉም የድጋፍ ክፍሎች አሉ;

.float-left
.float-right
.float-none
.float-sm-left
.float-sm-right
.float-sm-none
.float-md-left
.float-md-right
.float-md-none
.float-lg-left
.float-lg-right
.float-lg-none
.float-xl-left
.float-xl-right
.float-xl-none