Matsayi

Yi amfani da waɗannan mataimakan don daidaita matsayi da sauri.

A wannan shafi

Kafaffen saman

Sanya wani kashi a saman tashar kallo, daga gefe zuwa gefe. Tabbatar cewa kun fahimci madaidaicin matsayi a cikin aikin ku; ƙila ka buƙaci ƙara ƙarin CSS.

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

Kafaffen kasa

Sanya wani kashi a kasan tashar kallo, daga gefe zuwa gefe. Tabbatar cewa kun fahimci madaidaicin matsayi a cikin aikin ku; ƙila ka buƙaci ƙara ƙarin CSS.

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

saman m

Sanya wani kashi a saman tashar kallo, daga gefe zuwa gefe, amma sai bayan ka gungurawa ta sama.

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

M saman m

Akwai kuma bambance-bambancen amsawa don .sticky-topamfani.

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

M kasa

Sanya wani kashi a kasan tashar kallo, daga gefe zuwa gefe, amma sai bayan ka gungurawa ta sama.

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

Mai amsa m ƙasa

Akwai kuma bambance-bambancen amsawa don .sticky-bottomamfani.

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