Bagaimana Saya Membuat Footer Melekat di Bahagian Bawah Halaman dalam Twitter Bootstrap?

Membuat Pengaki ke Bawah Halaman dengan Twitter Bootstrap

Mencapai pengaki yang mengalir dengan lancar ke bahagian bawah halaman boleh menjadi satu cabaran, terutamanya apabila menggunakan rangka kerja reka bentuk responsif seperti Twitter Bootstrap. Walaupun mempunyai pemahaman yang kukuh tentang teknik konvensional, sesetengah pengguna menghadapi kesukaran apabila cuba melaksanakan fungsi ini dalam persekitaran Twitter Bootstrap.

Adalah penting untuk ambil perhatian bahawa dengan keluaran Twitter Bootstrap 2.2.1, fungsi ini menjadi ciri bersepadu. Untuk Bootstrap 3.x, ia semudah menambah kelas ".navbar-fixed-bottom" pada komponen navbar:

<div>

Untuk Bootstrap 4.x, gunakan kod berikut:

<div>

Walau bagaimanapun, untuk mengelakkan kandungan halaman daripada bertindih dengan pengaki, ingat untuk memasukkan perkara berikut CSS:

body { padding-bottom: 70px; }

Maklumat yang lebih terperinci boleh didapati dalam dokumentasi Bootstrap rasmi: http://getbootstrap.com/components/#navbar-fixed-bottom

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