怎么在页面引入bootstrap文件

在页面中引入Bootstrap文件有两种方式：CDN和本地文件。

### 1. CDN方式

使用CDN方式可以直接从Bootstrap的官方网站引入文件，无需下载本地文件。在HTML页面中，可以使用以下代码引入Bootstrap的CSS和JS文件：

<!-- 引入Bootstrap的CSS文件 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.0-beta1/css/bootstrap.min.css">

<!-- 引入Bootstrap的JS文件，需要先引入jQuery库 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.0-beta1/js/bootstrap.min.js"></script>

### 2. 本地文件方式

使用本地文件方式需要先下载Bootstrap的压缩包，然后将压缩包解压缩，将其中的CSS和JS文件复制到项目的文件夹中，在HTML页面中引入这些文件。在HTML页面中，可以使用以下代码引入Bootstrap的CSS和JS文件：

<!-- 引入Bootstrap的CSS文件 -->
<link rel="stylesheet" href="css/bootstrap.min.css">

<!-- 引入Bootstrap的JS文件，需要先引入jQuery库 -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

其中，`css/`和`js/`是存放Bootstrap文件的文件夹路径，可以根据实际情况进行修改。

无论采用哪种方式，都需要在HTML页面中正确引入Bootstrap的CSS和JS文件，才能使用Bootstrap提供的样式和功能。