Bootstrap'ta sabit altbilgi

Bootstrap'i deniyorum ve merak ediyordum, içerik kaydırılmışsa sayfadan kaybolmadan alttaki altbilgiyi nasıl düzeltebilirim?

Görüntü alanınızın altına yapışan bir altbilgi elde etmek için, aşağıdaki gibi sabit bir konum verin:

footer {
    position: fixed;
    height: 100px;
    bottom: 0;
    width: 100%;
}

Bootstrap, bu CSS'yi, sınıfla birlikte Navbar> Yerleşim bölümüne ekler fixed-bottom. Bu sınıfı altbilgi öğenize eklemeniz yeterlidir:

<footer class="fixed-bottom">

Önyükleme belgeleri: https://getbootstrap.com/docs/4.4/utilities/position/#fixed-bottom

Bunu ekle:

<div class="footer navbar-fixed-bottom">

https://stackoverflow.com/a/21604189

DÜZENLEME: sınıf Bootstrap v4-alpha.6'dan navbar-fixed-bottomitibaren değiştirildi fixed-bottom.

http://v4-alpha.getbootstrap.com/components/navbar/#placement

Bunu ekle:

<div class="footer fixed-bottom">

z-index:-9999;Bu yönteme ekleyin , yoksa varsa üst çubuğunuzu kaplayacaktır 1.

Bunu, aşağıdaki kimlik stili uygulanmış olarak sayfa içeriğini bir div içine kaydırarak yapabilirsiniz:

<style>
#wrap {
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -60px;
}
</style>

<div id="wrap">
    <!-- Your page content here... -->
</div>

Benim için çalıştı.

Bu örneği kontrol etmek isteyebilirsiniz: http://getbootstrap.com/2.3.2/examples/sticky-footer.html