Nafasi

Tumia wasaidizi hawa kwa kusanidi haraka nafasi ya kipengele.

Katika ukurasa huu

Fasta juu

Weka kipengele juu ya lango la kutazama, kutoka ukingo hadi ukingo. Hakikisha unaelewa matokeo ya nafasi isiyobadilika katika mradi wako; unaweza kuhitaji kuongeza CSS ya ziada.

<div class="fixed-top">...</div>

Fasta chini

Weka kipengele chini ya lango la kutazama, kutoka ukingo hadi ukingo. Hakikisha unaelewa matokeo ya nafasi isiyobadilika katika mradi wako; unaweza kuhitaji kuongeza CSS ya ziada.

<div class="fixed-bottom">...</div>

Juu ya kunata

Weka kipengee juu ya kituo cha kutazama, kutoka ukingo hadi ukingo, lakini baada tu ya kukisogeza kukipita. Huduma .sticky-tophutumia CSS's position: sticky, ambayo haitumiki kikamilifu katika vivinjari vyote.

<div class="sticky-top">...</div>

Msikivu nata juu

Tofauti za kuitikia pia zipo kwa .sticky-topmatumizi.

<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>