Bagaimanakah Saya Boleh Membuat Footer Melekat di Bahagian Bawah Halaman dalam Bootstrap?

Membilas Pengaki ke Bahagian Bawah Halaman Menggunakan Bootstrap

Soalan:

Mengalami kesukaran mendapatkan pengaki untuk disiram ke bahagian bawah halaman menggunakan Twitter Bootstrap, terutamanya memandangkan sifat responsifnya. Bagaimanakah ini boleh dicapai dengan berkesan?

Jawapan:

Dengan Bootstrap 2.2.1, ciri ini kini disertakan.

Untuk Bootstrap 3.x:

Gunakan komponen bar navigasi dengan Kelas ".navbar-fixed-bottom":

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

Untuk Bootstrap 4.x:

Masukkan kod berikut:

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

Selain itu, pastikan anda menyepadukan penggayaan berikut untuk mengelakkan kandungan halaman daripada menjadi dikaburkan:

body { padding-bottom: 70px; }

Dokumentasi:

Untuk maklumat terperinci, rujuk dokumentasi Bootstrap rasmi di http://getbootstrap.com/components/#navbar-fixed- bawah.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Footer Melekat di Bahagian Bawah Halaman dalam Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!