哪些 bootstrap css 和 javascript 文件应该链接到我们的 html 页面？

Question

我已在计算机中下载了最新的引导程序css版本 4，它包含两个文件夹 one和 other js。css 文件夹包含大约 12 个 css 文件，而 js 文件夹包含大约 5 个 javascript 文件。我们需要将所有这 17 个文件链接到我们的 html 页面吗？有没有一种简单的方法可以通过文件夹链接 css 和 js？

Answer 1

一般来说，只需使用这两个文件：

\n

\n
1. bootstrap.min.css
\n
2. bootstrap.bundle.min.js
\n

\n

如果需要，您可以在本地提供它们，但最简单的方法是使用 CDN。例如，这些是 v5.1.3 jsDelivr 链接：

\n

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">\n<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>\n

\n

在getbootstrap.com 的jsDelivr 部分下找到最新的 CDN 链接。

\n\n

其他文件只是完整引导程序发行版的精简版本。仅当您不需要完整的库而只需要某些特定功能时才需要它们。

\n

例如，如果您只想使用 bootstrap 的网格系统而不想使用其他 bootstrap 功能，则可以使用bootstrap-grid.min.css而不是完整的bootstrap.min.css.

\n

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

CSS 文件	布局	内容	成分	公用事业
引导程序(.min).css	包括	包括	包括	包括
bootstrap-grid(.min).css	仅网格系统	\xe2\x9c\x97	\xe2\x9c\x97	仅弹性实用程序
bootstrap-reboot(.min).css	\xe2\x9c\x97	仅重启样式	\xe2\x9c\x97	\xe2\x9c\x97
bootstrap-utilities(.min).css	\xe2\x9c\x97	\xe2\x9c\x97	\xe2\x9c\x97	包括

\n

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n

JS文件	波普尔	jQuery
bootstrap.bundle(.min).js	包括	\xe2\x9c\x97
引导程序(.min).js	\xe2\x9c\x97	\xe2\x9c\x97

\n