Bagaimana untuk membuat imej latar belakang bootstrap

Terdapat dua cara untuk menetapkan imej latar belakang Bootstrap: gunakan peraturan CSS untuk menambah imej latar belakang: imej latar belakang: url(path/to/image.png); peraturan dalam helaian gaya , termasuk laluan imej latar belakang, saiz dan tetapan ulangan.

Tetapan imej latar belakang Bootstrap

Dalam Bootstrap, menetapkan imej latar belakang adalah sangat mudah. Dua kaedah diperkenalkan di bawah:

Kaedah 1: Gunakan peraturan CSS

1. Tambahkan peraturan CSS berikut pada elemen yang anda mahu gunakan imej latar belakang:

<code class="css">background-image: url(path/to/image.png);</code>

2. Ganti path/to/image dengan yang anda mahu gunakan Laluan ke imej.
3. Anda boleh menetapkan atribut latar belakang lain seperti yang diperlukan, seperti:

<code class="css">background-size: cover;
background-repeat: no-repeat;</code>

Kaedah 2: Gunakan kelas utiliti Bootstrap

1. Tambahkan kelas utiliti berikut pada elemen yang anda mahu gunakan imej latar belakang:

2. Dalam lembaran gaya , tambahkan peraturan berikut untuk kelas .bg-image:

<code class="html"><div class="bg-image"></div></code>

Nota:

• Laluan ke imej latar belakang boleh menjadi laluan mutlak atau laluan relatif berbanding dengan semasa dokumen HTML.
• Anda boleh menggunakan pertanyaan media untuk memuatkan imej latar belakang yang berbeza untuk saiz peranti yang berbeza.
• Anda juga boleh menggunakan atribut kedudukan latar belakang untuk mengawal kedudukan imej latar belakang dalam elemen.

Atas ialah kandungan terperinci Bagaimana untuk membuat imej latar belakang bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!