Rumah >hujung hadapan web >Tutorial Bootstrap >Cara menggunakan bootstrap selepas memuat turunnya
Cara menggunakan bootstrap selepas memuat turunnya
- 下次还敢asal
- 2024-04-01 23:12:201190semak imbas
Untuk menggunakan Bootstrap yang dimuat turun, nyahzipnya dan masukkannya dalam halaman HTML, menggunakan teg
dan Bootstrap menyediakan pelbagai komponen seperti butang dan bar navigasi yang boleh digunakan dengan menambah nama kelas HTML. Ia juga boleh disesuaikan dengan gaya mengatasi, menggunakan pembolehubah SCSS dan mencipta komponen tersuai. . laman web dan aplikasi.
2. Muat turun Bootstrap
Pergi ke tapak web rasmi Bootstrap (https://getbootstrap.com/)
Klik butang "Muat Turun"Pilih versi yang diperlukan (versi stabil terkini disyorkan)
Muat turun fail termampat ( .zip atau .tar.gz)3. Nyahzip fail
- Ekstrak fail mampat yang dimuat turun ke komputer setempat anda.
- Anda akan melihat struktur direktori yang kelihatan seperti ini:
<code>css/ js/ scss/ font/ index.html</code>
- 4 Termasuk Bootstrap ke dalam halaman HTML anda
Buka halaman HTML anda
Dalam bahagian- :
- CSS dan JavaScript.
<code class="html"><link href="path/to/css/bootstrap.min.css" rel="stylesheet"> <script src="path/to/js/bootstrap.min.js"></script></code>
- 5. Menggunakan komponen Bootstrap
Bootstrap menyediakan pelbagai komponen, seperti butang, jadual, bar navigasi, dll.
Untuk menggunakan komponen, cuma tambahkan nama kelas HTML yang sepadan pada elemen bekasnya.- Sebagai contoh, untuk mencipta butang, anda boleh menggunakan kod berikut:
-
<code class="html"><button type="button" class="btn btn-primary">按钮</button></code>
<head> 6. Menyesuaikan Bootstrap
Bootstrap boleh disesuaikan dengan:
- Sesuaikan gaya SC
- Mengatasi CSS lalai tema
- Cipta komponen anda sendiri
Untuk mendapatkan maklumat lanjut tentang menyesuaikan Bootstrap, lihat dokumentasi Bootstrap.
Atas ialah kandungan terperinci Cara menggunakan bootstrap selepas memuat turunnya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!