Saltatu eduki nagusira Saltatu dokumentuen nabigaziora
Check
in English

Posizioa

Erabili laguntzaile hauek elementu baten posizioa azkar konfiguratzeko.

Goiko finkoa

Kokatu elementu bat bistaren goiko aldean, ertzetik ertzera. Ziurtatu zure proiektuan posizio finkoaren ondorioak ulertzen dituzula; baliteke CSS gehigarria gehitu behar izatea.

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

Hondo finkoa

Kokatu elementu bat bistaren behealdean, ertzetik ertzera. Ziurtatu zure proiektuan posizio finkoaren ondorioak ulertzen dituzula; baliteke CSS gehigarria gehitu behar izatea.

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

Goiko itsaskorra

Jarri elementu bat bistaren goiko aldean, ertzetik ertzera, baina handik korritu ondoren.

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

Top itsaskorra erantzuteko

.sticky-topBaliagarritasunerako ere aldaera sentikorrak existitzen dira .

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

Hondo itsaskorra

Kokatu elementu bat bistaratzearen behealdean, ertzetik ertzera, baina handik korritu ondoren.

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

Beheko itsaskorra sentikorra

.sticky-bottomBaliagarritasunerako ere aldaera sentikorrak existitzen dira .

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