Bagaimana untuk Siram Pengaki ke Bahagian Bawah Halaman dalam Twitter Bootstrap?

Membuat Pengaki ke Bawah Halaman dengan Twitter Bootstrap

Membuat pengaki ke bahagian bawah halaman menggunakan CSS ialah teknik biasa. Walau bagaimanapun, kesukaran timbul apabila cuba menggunakan pendekatan ini dengan Twitter Bootstrap kerana sifatnya yang responsif.

Dalam versi Bootstrap yang lebih awal, pembilasan pengaki ke bahagian bawah tidak disertakan. Walau bagaimanapun, dalam Bootstrap 2.2.1 dan lebih baru, ciri ini tersedia.

Bootstrap 3.x

Untuk mengepam pengaki dalam Bootstrap 3.x, gunakan bar navigasi komponen dan tambah kelas .navbar-fixed-bottom. Ini akan membetulkan pengaki ke bahagian bawah halaman, tanpa mengira ketinggian halaman.

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

Bootstrap 4.x

Dalam Bootstrap 4.x, sintaks telah berubah sedikit. Untuk membetulkan pengaki ke bahagian bawah, gunakan kod berikut:

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

Untuk mengelakkan kandungan halaman daripada dilindungi, tambahkan badan { padding-bottom: 70px; } atau peraturan gaya yang serupa.

Atas ialah kandungan terperinci Bagaimana untuk Siram Pengaki ke Bahagian Bawah Halaman dalam Twitter Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!