Bootstrap 简介介绍

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 插件来构建网站和应用程序。