Rumah >hujung hadapan web >Tutorial Bootstrap >Bagaimana untuk memperkenalkan bootstrap

Bagaimana untuk memperkenalkan bootstrap

下次还敢
下次还敢asal
2024-04-05 03:18:201024semak imbas

Terdapat dua cara utama untuk memperkenalkan Bootstrap: CDN: Import fail daripada CDN dengan menambahkan tag pautan dan tag JavaScript. Fail setempat: Muat turun dan ekstrak Bootstrap ke dalam folder projek anda, kemudian rujuk fail setempat melalui teg pautan dan teg JavaScript.

Bagaimana untuk memperkenalkan bootstrap

Cara memperkenalkan Bootstrap

Bootstrap ialah rangka kerja CSS yang popular dan mudah digunakan untuk mencipta tapak web responsif. Ia menyediakan pelbagai gaya, komponen dan reka letak yang dipratentukan yang memudahkan proses pembangunan web.

Kaedah untuk memperkenalkan Bootstrap

Terdapat dua cara utama untuk memperkenalkan Bootstrap:

1 CDN (Rangkaian Penyampaian Kandungan)

  • Tambahkan <; Teg: <link> 标签:</kod> </li></ul> <pre class="brush:php;toolbar:false">&lt;code class=&quot;html&quot;&gt;&lt;link href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;&lt;/code&gt;</pre> <ul><li>将 <code><script> 标签添加到页面的底部,以引入 JavaScript 文件:
<code class="html"><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script></code>

2. 本地文件

  • 下载 Bootstrap 的最新版本并将其解压到您的项目文件夹中。
  • 在 HTML 文件中添加以下 <link>
<code class="html"><link href="css/bootstrap.min.css" rel="stylesheet"></code>
    Tambahkan tag <script> ke bahagian bawah halaman untuk memperkenalkan fail JavaScript:
<code class="html"><script src="js/bootstrap.min.js"></script></code>

2. Fail setempat

Muat turun versi terkini daripada Bootstrap dan ekstraknya ke dalam folder projek anda.

Tambah teg <link> berikut dalam fail HTML:

🎜rrreee🎜🎜Tambahkan fail JavaScript ke bahagian bawah halaman: 🎜🎜rrreee🎜🎜Kaedah yang manakah untuk dipilih🎜🎜 Kaedah CDN lebih Mudah kerana ia tidak memerlukan muat turun sebarang fail. Jika anda tidak mahu mengekalkan salinan tempatan fail Bootstrap anda, CDN ialah pilihan yang baik. 🎜🎜Kaedah fail tempatan memberikan prestasi yang lebih baik kerana fail disimpan secara setempat dan bukannya dimuatkan daripada pelayan jauh. Jika anda mempunyai tema Bootstrap tersuai atau merancang untuk membuat pengubahsuaian pada rangka kerja, pendekatan fail setempat adalah lebih baik untuk anda. 🎜

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

Kenyataan:
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