පාවෙන

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

දළ විශ්ලේෂණය

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

<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