什么是本地安装

本地安装涉及在我们的系统中下载静态文件，如CSS，然后在我们的网页上使用它们。这确保了CSS的副本是从我们的本地机器上加载的。这与使用托管在CDN上的CSS文件不同，后者的文件将通过调用CDN来加载。

有许多需要本地安装的用例。我们可以在没有互联网的情况下开发我们的应用程序，因为CSS文件已经存在于我们的系统中。这也可以减少对第三方CDN的依赖，因为第三方CDN可能会改变托管在特定URL上的文件版本。拥有一个本地副本也允许我们在需要时对文件进行修改。

在下面的例子中，我们将下载最新版本的Bootstrap，并将文件复制到我们的本地系统。然后我们将使用标签将这些文件包含在我们的项目文件夹中。

示例:

<!DOCTYPE html>
<html lang="en">
    
<head>
    
      <!-- Include the local CSS and JS files 
        of Bootstrap on our local system -->
    <link rel="stylesheet" 
          href="/bootstrap-5.1.1-dist/css/bootstrap.css">
    <link rel="stylesheet" 
          href="/bootstrap-5.1.1-dist/js/bootstrap.bundle.js">
  
    <style>
        .button {
            padding: 150px 700px;
        }
    </style>
</head>
    
<body>
    <div class="button">
        <button type="button"
            class="btn btn-outline-primary">
            Hello Geeks
        </button>
    </div>
</body>
  
</html>