Ekifo

Kozesa ebiyamba bino okutegeka amangu ekifo kya elementi.

Ku muko guno

Fixed waggulu

Teeka ekintu waggulu ku viewport, okuva ku bbali okutuuka ku bbali. Kakasa nti otegedde ebiva mu kifo ekinywevu mu pulojekiti yo; oyinza okwetaaga okwongerako CSS endala.

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

Wansi atakyukakyuka

Teeka ekintu wansi w'ekifo eky'okulaba, okuva ku bbali okutuuka ku bbali. Kakasa nti otegedde ebiva mu kifo ekinywevu mu pulojekiti yo; oyinza okwetaaga okwongerako CSS endala.

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

Top ekwatagana

Teeka elementi waggulu ku viewport, okuva ku bbali okutuuka ku bbali, naye nga omaze okugiyitako.

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

Responsive sticky waggulu

Enjawulo eziddamu nazo ziriwo ku .sticky-topmugaso.

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

Wansi akwatagana

Teeka ekintu wansi w'ekifo eky'okulaba, okuva ku bbali okutuuka ku bbali, naye ng'omaze okugiyitako.

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

Responsive sticky wansi

Enjawulo eziddamu nazo ziriwo ku .sticky-bottommugaso.

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