Bootstrap介绍

标签：文件 JavaScript Bootstrap 介绍 HTML 引入 CSS

Bootstrap 是一个流行的前端 CSS 框架，可以帮助开发人员快速构建响应式、移动设备优先的网站和应用程序。以下是 Bootstrap 的使用详细攻略：

引入 Bootstrap： 

1、Bootstrap 可以通过 CDN 或本地文件引入。如果通过 CDN 引入，只需在 HTML 文件中添加以下代码即可：

<!-- CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">

<!-- JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>

2、如果要从本地文件引入 Bootstrap，请先下载 Bootstrap 的 CSS 和 JavaScript 文件，将需要使用的文件夹在控制台中打开，输入npm init -y来清除所有格式，然后输入npm i bootstrap来进行下载，然后在 HTML 文件中添加以下代码：

<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.css">
<script src="node_modules/bootstrap/dist/js/bootstrap.js"></script>

引入 Bootstrap 后，可以使用 Bootstrap 提供的 CSS 类和 JavaScript 插件来构建网站和应用程序。

Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网 (bootcss.com)

标签：文件,JavaScript,Bootstrap,介绍,HTML,引入,CSS
From： https://www.cnblogs.com/dadaya123/p/17509945.html