තනතුර
මූලද්රව්යයක පිහිටීම ඉක්මනින් වින්යාස කිරීම සඳහා මෙම සහායකයන් භාවිතා කරන්න.
ස්ථාවර මුදුන
දර්ශන තොටේ මුදුනේ, දාරයේ සිට දාරය දක්වා මූලද්රව්යයක් ස්ථානගත කරන්න. ඔබේ ව්යාපෘතියේ ස්ථාවර පිහිටීමේ ප්රතිවිපාක ඔබ තේරුම් ගෙන ඇති බවට වග බලා ගන්න; ඔබට අමතර CSS එකතු කිරීමට අවශ්ය විය හැක.
<div class="fixed-top">...</div>
ස්ථාවර පතුලේ
මූලද්රව්යයක් දර්ශන තොටේ පහළින්, දාරයේ සිට දාරය දක්වා ස්ථානගත කරන්න. ඔබේ ව්යාපෘතියේ ස්ථාවර පිහිටීමේ ප්රතිවිපාක ඔබ තේරුම් ගෙන ඇති බවට වග බලා ගන්න; ඔබට අමතර CSS එකතු කිරීමට අවශ්ය විය හැක.
<div class="fixed-bottom">...</div>
ඇලෙන සුළු මුදුන
මූලද්රව්යයක් දර්ශන තොටේ ඉහළින්, දාරයේ සිට දාරය දක්වා ස්ථානගත කරන්න, නමුත් ඔබ එය පසුකර ගිය පසු පමණි.
<div class="sticky-top">...</div>
ප්රතිචාරාත්මක ඇලෙන සුළු මුදුන
.sticky-top
උපයෝගිතා සඳහා ප්රතිචාරාත්මක වෙනස්කම් ද පවතී .
<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>
ඇලෙන සුළු පතුල
මූලද්රව්යයක් දර්ශන තොටේ පහළින්, දාරයේ සිට දාරය දක්වා ස්ථානගත කරන්න, නමුත් ඔබ එය පසුකර අනුචලනය කිරීමෙන් පසුව පමණි.
<div class="sticky-bottom">...</div>
ප්රතිචාරාත්මක ඇලෙන සුළු පතුල
.sticky-bottom
උපයෝගිතා සඳහා ප්රතිචාරාත්මක වෙනස්කම් ද පවතී .
<div class="sticky-sm-bottom">Stick to the bottom on viewports sized SM (small) or wider</div>
<div class="sticky-md-bottom">Stick to the bottom on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-bottom">Stick to the bottom on viewports sized LG (large) or wider</div>
<div class="sticky-xl-bottom">Stick to the bottom on viewports sized XL (extra-large) or wider</div>
<div class="sticky-xxl-bottom">Stick to the bottom on viewports sized XXL (extra-extra-large) or wider</div>