Pozicio

Uzu ĉi tiujn helpantojn por rapide agordi la pozicion de elemento.

Sur ĉi tiu paĝo

Fiksa supro

Metu elementon ĉe la supro de la vidfenestro, de rando ĝis rando. Certiĝu, ke vi komprenas la konsekvencojn de fiksa pozicio en via projekto; vi eble bezonos aldoni plian CSS.

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

Fiksita fundo

Metu elementon ĉe la fundo de la vidfenestro, de rando ĝis rando. Certiĝu, ke vi komprenas la konsekvencojn de fiksa pozicio en via projekto; vi eble bezonos aldoni plian CSS.

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

Glueca supro

Metu elementon ĉe la supro de la vidfenestro, de rando ĝis rando, sed nur post kiam vi rulu preter ĝi.

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

Respondema glueca supro

Respondema varioj ankaŭ ekzistas por .sticky-toputileco.

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

Glueca fundo

Metu elementon ĉe la malsupro de la vidfenestro, de rando ĝis rando, sed nur post kiam vi rulu preter ĝi.

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

Respondema glueca fundo

Respondema varioj ankaŭ ekzistas por .sticky-bottomutileco.

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