我已经在我的计算机中下载了最新的引导程序版本 4，它包含两个文件夹，一个是css，另一个是js。css 文件夹包含大约 12 个 css 文件，而 js 文件夹包含大约 5 个 javascript 文件。我们需要将所有这 17 个文件链接到我们的 html 页面吗？有没有一种简单的方法可以通过文件夹链接 css 和 js？
通常，只需使用这两个文件：
bootstrap.min.cssbootstrap.bundle.min.js
如果需要，您可以在本地提供它们，但最简单的方法是使用 CDN。例如，这些是 v5.1.3 jsDelivr 链接：
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
在 jsDelivr 部分下的 getbootstrap.com 中找到最新的 CDN 链接。
其他文件只是完整引导发行版的修剪版本。仅当您不想要完整的库并且只需要某些特定功能时，才需要它们。
例如，如果您只想使用引导程序的网格系统而不要使用其他引导程序功能，则可以使用bootstrap-grid.min.css而不是完整bootstrap.min.css。
| CSS 文件 | 布局 | 内容 | 组件 | 实用程序 |
|---|---|---|---|---|
| 引导程序(.min).css | 包含 | 包含 | 包含 | |
| 引导网格(.min).css | 仅网格系统 | ✗✗ | 仅 | 弹性实用程序 |
| 引导-重启(.min) | .css | ✗仅重启样式 | ✗✗ | |
| 引导实用程序(.min).css | ✗ | ✗✗ | 包括 |
以下是要为 bootstrap-4.0.0 版本附加的文件， 从这里下载引导程序
对于 CSS，
<link href="~/YourPath/bootstrap.min.css" rel="stylesheet" />
对于 JS，
<script src="~/YourPath/bootstrap.min.js" type="text/javascript"></script>
<脑袋里面>：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
如果您使用的是 Bootstrap4 并且想要使用 Javascript，则需要在包含 bootstrap javascript 标签之前包含 JQuery： 在
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>