Bagaimana untuk Siram Pengaki ke Bahagian Bawah Halaman dalam Twitter Bootstrap?-tutorial css-php.cn

Rumah

hujung hadapan web

tutorial css

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

DDD

Nov 28, 2024 pm 05:01 PM

How to Flush a Footer to the Bottom of the Page in 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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn