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.

<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>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

Chini ya kunata

Weka kipengee chini ya kituo cha kutazama, kutoka ukingo hadi ukingo, lakini baada tu ya kukisogeza kukipita.

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

Msikivu nata chini

Tofauti za kuitikia pia zipo kwa .sticky-bottommatumizi.

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