Durum

Bir öğenin konumunu hızlı bir şekilde yapılandırmak için bu yardımcıları kullanın.

Bu sayfada

Sabit üst

Bir öğeyi, görünümün üst kısmında kenardan kenara konumlandırın. Projenizdeki sabit konumun sonuçlarını anladığınızdan emin olun; ek CSS eklemeniz gerekebilir.

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

Sabit alt

Bir öğeyi, görünümün alt kısmında kenardan kenara konumlandırın. Projenizdeki sabit konumun sonuçlarını anladığınızdan emin olun; ek CSS eklemeniz gerekebilir.

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

yapışkan üst

Bir öğeyi, görünümün üst kısmında kenardan kenara, ancak yalnızca siz onu geçtikten sonra konumlandırın.

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

Duyarlı yapışkan üst

Duyarlı varyasyonlar da .sticky-topfayda için mevcuttur.

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

yapışkan alt

Bir öğeyi görünümün alt kısmına, kenardan kenara, ancak yalnızca siz kaydırdıktan sonra konumlandırın.

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

Duyarlı yapışkan alt

Duyarlı varyasyonlar da .sticky-bottomfayda için mevcuttur.

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