Source

පාවෙන

අපගේ ප්‍රතිචාරාත්මක පාවෙන උපයෝගිතා භාවිතා කරමින් ඕනෑම කඩඉමක් හරහා ඕනෑම මූලද්‍රව්‍යයක් මත පාවෙන ටොගල් කරන්න.

දළ විශ්ලේෂණය

මෙම උපයෝගිතා පන්ති CSS floatගුණය භාවිතා කරමින් වත්මන් දර්ශන ප්‍රමාණය මත පදනම්ව මූලද්‍රව්‍යයක් වමට හෝ දකුණට පාවී යයි, නැතහොත් පාවෙන අබල කරයි . !importantවිශේෂිත ගැටළු මඟහරවා ගැනීම සඳහා ඇතුළත් කර ඇත. මේවා අපගේ ජාල පද්ධතියට සමාන දර්ශන තල බිඳුම් ලක්ෂ්‍ය භාවිතා කරයි.

පංතිවල

පන්තියක් සමඟ පාවෙන ටොගල් කරන්න:

සියලුම දර්ශන ප්‍රමාණයන් මත වමට පාවෙන්න

සියලුම දර්ශන ප්‍රමාණයන් මත දකුණට පාවෙන්න

සියලුම viewport ප්‍රමාණයන් මත පාවෙන්න එපා
<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එක් එක් අගය සඳහා ප්‍රතිචාරාත්මක වෙනස්කම් ද පවතී .

SM (කුඩා) හෝ ඊට වඩා පළල දර්ශන තොටුපළවල් මත වමට පාවෙන්න

MD (මධ්‍යම) හෝ ඊට වඩා පළල දර්ශන තොටුපළවල් මත වමට පාවෙන්න

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