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

Bagaimana untuk memperkenalkan kod dalam bootstrap

下次还敢
下次还敢asal
2024-04-05 02:51:161019semak imbas

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.

Bagaimana untuk memperkenalkan kod dalam bootstrap

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>
Untuk JavaScript, tambah :

<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.
  • Untuk CSS, namakan fail "bootstrap.min.css" dan letakkan di dalam tag <style>:
  • rrreee
🎜🎜Untuk JavaScript, namakan fail itu " bootstrap.bundle .min.js" dan letakkannya dalam teg <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!

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