masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Tutorial Bootstrap > teks badan

Cara menggunakan bootstrap selepas memuat turunnya

下次还敢
Lepaskan： 2024-04-01 23:12:20
asal
1143 orang telah melayarinya

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 BootstrapCara menggunakan bootstrap selepas memuat turunnya

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>
    Salin selepas log masuk
  • 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>
    Salin selepas log masuk
  • 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>
    Salin selepas log masuk
    <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!

sumber：php.cn
Artikel sebelumnya：Mana satu lebih baik, bootstrap atau vue? Artikel seterusnya：Bagaimana untuk melakukan ujian bootstrap
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
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
2
1833
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
10
2007
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1690
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1590
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1611
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan