哪些引導程序 css 和 javascript 文件應該鏈接到我們的 html 頁面？

Question

我已經在我的電腦中下載了最新的引導程序版本 4，它包含兩個文件夾一個css和其他js 。 css 文件夾包含大約 12 個 css 文件，而 js 文件夾包含大約 5 個 javascript 文件。 我們是否需要將所有這 17 個文件鏈接到我們的 html 頁面？ 有沒有一種簡單的方法可以通過文件夾鏈接 css 和 js？

Answer 1

根據您的需要，您只需要 1 個 CSS 和 1 個 JS 文件。

對於 CSS 文件，這是bootstrap 與 bootstrap-grid 與 bootstrap-reboot之間差異的細分：

CSS 文件	布局	內容	成分	實用程序
引導程序（.min）.css	包括	包括	包括	包括
引導網格（.min）.css	唯一的網格系統	不包含	不包含	僅彈性實用程序
引導重啟（.min）.css	不包含	僅重啟	不包含	不包含

對於 JS， bootstrap 與 bootstrap.bundle ：

JS文件	波普爾	jQuery
bootstrap.bundle(.min).js	包括	不包含
引導程序（.min）.js	不包含	不包含

此外，您可以使用 CDN ，而不是在本地提供這些文件：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>

Answer 2

<頭>里面：

<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，則需要在包含引導程序 javascript 之前包含 JQuery 標簽： before </body>

<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>

Answer 3

以下是 bootstrap-4.0.0 版本的附加文件，從這里下載 Bootstrap

對於 CSS，

<link href="~/YourPath/bootstrap.min.css" rel="stylesheet" />

對於 JS，

<script src="~/YourPath/bootstrap.min.js" type="text/javascript"></script>