Bagaimana untuk memperkenalkan kod dalam bootstrap-Tutorial Bootstrap-php.cn

Bagaimana untuk memperkenalkan kod dalam bootstrap

下次还敢

Lepaskan： 2024-04-05 02:51:16

asal

1004 orang telah melayarinya

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>

Salin selepas log masuk

对于 JavaScript，添加：

<code class="html"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script></code>

Salin selepas log masuk

2. 下载 Bootstrap 文件

您还可以从 Bootstrap 官方网站下载 Bootstrap 文件。下载后，将文件复制到您网站的目录中。

对于 CSS，将文件命名为 "bootstrap.min.css" 并将其放置在 <style> 标签中：
```
<code class="html"><link rel="stylesheet" href="css/bootstrap.min.css"></code>
```
Salin selepas log masuk
对于 JavaScript，将文件命名为 "bootstrap.bundle.min.js" 并将其放置在 <script>
```
<code class="html"><script src="js/bootstrap.bundle.min.js"></script></code>
```
Salin selepas log masuk

Untuk JavaScript, tambah :

<code>npm install bootstrap</code>

Salin selepas log masuk

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

🎜🎜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!