Rumah >hujung hadapan web >Tutorial Bootstrap >Bagaimana untuk memperkenalkan kod dalam bootstrap
Untuk memperkenalkan kod Bootstrap, terdapat tiga cara: menggunakan CDN, memuat turun fail atau menggunakan pengurus pakej. Fail boleh diambil dengan cepat daripada web melalui CDN, tersedia secara tempatan dengan memuat turunnya atau dipasang menggunakan baris arahan melalui pengurus pakej.
Cara memperkenalkan kod Bootstrap
Bootstrap ialah rangka kerja CSS yang popular untuk membina tapak web dan aplikasi yang responsif dan mengutamakan mudah alih. Untuk memperkenalkan kod Bootstrap, anda boleh melakukannya dengan cara berikut:
1. Menggunakan CDN
Cara paling mudah ialah menggunakan Rangkaian Penghantaran Kandungan (CDN) untuk mengehoskan fail Bootstrap. CDN ialah rangkaian pelayan yang diedarkan di seluruh dunia yang menyediakan fail statik, seperti CSS dan JavaScript, dengan cepat dan cekap.
Berikut ialah langkah-langkah untuk memuatkan Bootstrap daripada CDN:
Dalam teg <head>
dokumen HTML, tambahkan baris berikut: <head>
标签中,添加以下行:
<code class="html"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"></code>
对于 JavaScript,添加:
<code class="html"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script></code>
2. 下载 Bootstrap 文件
您还可以从 Bootstrap 官方网站下载 Bootstrap 文件。下载后,将文件复制到您网站的目录中。
对于 CSS,将文件命名为 "bootstrap.min.css" 并将其放置在 <style>
标签中:
<code class="html"><link rel="stylesheet" href="css/bootstrap.min.css"></code>
对于 JavaScript,将文件命名为 "bootstrap.bundle.min.js" 并将其放置在 <script>
<code class="html"><script src="js/bootstrap.bundle.min.js"></script></code>
<code>npm install bootstrap</code>
2. Muat turun fail Bootstrap
Anda juga boleh memuat turun fail Bootstrap dari tapak web rasmi Bootstrap. Setelah dimuat turun, salin fail ke direktori tapak web anda.<style>
: <script>
: 🎜rrreee🎜🎜🎜🎜3. Gunakan pengurus pakej 🎜🎜🎜 jika anda menggunakan pengurus pakej , seperti Node Package Manager (npm), anda boleh memasang Bootstrap menggunakan arahan berikut: 🎜rrreee🎜Selepas pemasangan, anda boleh menggunakan kod berikut dalam projek anda: 🎜🎜🎜Untuk CSS, import "bootstrap/dist/css/bootstrap.min. css" . 🎜🎜Untuk JavaScript, import "bootstrap/dist/js/bootstrap.bundle.min.js". 🎜🎜Atas ialah kandungan terperinci Bagaimana untuk memperkenalkan kod dalam bootstrap. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!