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. Yardımcı .sticky-topprogram, position: stickytüm tarayıcılarda tam olarak desteklenmeyen CSS'leri kullanır.

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