Home > Article > Web Front-end > How to introduce code in bootstrap
To introduce Bootstrap code, there are three ways: using a CDN, downloading a file, or using a package manager. Files can be quickly fetched from the web via a CDN, available locally by downloading them, or installed using the command line via a package manager.
How to introduce Bootstrap code
Bootstrap is a framework for building responsive, mobile-first websites and applications Popular CSS framework. To introduce Bootstrap code, you can do it in the following ways:
1. Use CDN
The easiest way is to use Content Delivery Network (CDN) to host Bootstrap document. A CDN is a network of servers distributed around the world that serves static files, such as CSS and JavaScript, quickly and efficiently.
Here are the steps to load Bootstrap from a CDN:
In the <head>
tag of the HTML document, add the following line:
<code class="html"><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"></code>
For JavaScript, add:
<code class="html"><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script></code>
2. Download the Bootstrap file
You can also download it from Download Bootstrap files from the official Bootstrap website. Once downloaded, copy the file to your website's directory.
For CSS, name the file "bootstrap.min.css" and place it in the <style>
tag:
<code class="html"><link rel="stylesheet" href="css/bootstrap.min.css"></code>
For JavaScript, name the file "bootstrap.bundle.min.js" and place it in the <script>
tag:
<code class="html"><script src="js/bootstrap.bundle.min.js"></script></code>
3. Using a package manager
If you are using a package manager, such as Node Package Manager (npm), you can use the following command to install Bootstrap:
<code>npm install bootstrap</code>
After installation, you can use the following code in your project:
The above is the detailed content of How to introduce code in bootstrap. For more information, please follow other related articles on the PHP Chinese website!