Memperbaiki footer di Bootstrap

Saya mencoba Bootstrap dan saya bertanya-tanya, bagaimana saya bisa memperbaiki footer di bagian bawah tanpa membuatnya menghilang dari halaman jika konten di-scroll?

Untuk mendapatkan footer yang menempel di bagian bawah viewport Anda, berikan posisi tetap seperti ini:

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

Bootstrap menyertakan CSS ini di Navbar> bagian Penempatan dengan kelas fixed-bottom. Cukup tambahkan kelas ini ke elemen footer Anda:

<footer class="fixed-bottom">

Dokumentasi bootstrap: https://getbootstrap.com/docs/4.4/utilities/position/#fixed-bottom

Tambahkan ini:

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

https://stackoverflow.com/a/21604189

EDIT: kelas navbar-fixed-bottomtelah diubah menjadi fixed-bottompada Bootstrap v4-alpha.6.

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

Tambahkan ini:

<div class="footer fixed-bottom">

Tambahkan z-index:-9999;ke metode ini, atau ini akan menutupi bilah atas Anda jika Anda punya 1.

Anda dapat melakukan ini dengan membungkus konten halaman dalam div dengan gaya id berikut diterapkan:

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

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

Bekerja untuk saya.

Anda mungkin ingin memeriksa contoh itu: http://getbootstrap.com/2.3.2/examples/sticky-footer.html