离线使用 bootstrap

Question

我正在使用 Electron 创建一个桌面应用程序，我想包含 Bootstrap。但是，我希望我的应用程序在发布后可以离线使用，我想知道是否有办法在我的应用程序中静态保存适用的 Bootstrap 元素，以便它是独立的。有什么想法吗？

Answer 1

您可以下载 Bootstrap 4 个文件 here

添加这一行：

<link rel="stylesheet" href="bootstrap_folder/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

我假设你想要 Bootstrap 4 因为它是你的标签之一。

Answer 2

在项目文件夹的一个目录中创建这三个文件

/my project
.
. index.html
. 
. /resources
. . 
. . bootstrap.css
. . jquery.js
. . bootstrap.js

在这三个文件中，从您的 <link> 和 <script> 标签访问 href 链接，将 contents

复制并粘贴到每个文件中

bootstrap 3.4

https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js

然后您可以将它们包含在

<link rel="stylesheet" href="/resources/bootstrap.css">

<!-- jQuery library -->
<script src="/resources/jquery.js"></script>

<!-- Latest compiled JavaScript -->
<script src="/resources/bootstrap.js"></script>

bootstrap 网站上还有关于下载离线安装甚至编译您自己的自定义 bootstrap 包的其他方法的说明（例如，使用 sass 自定义变量的混合插件像断点宽度）

Bootstrap3.4https://getbootstrap.com/docs/3.4/getting-started/#download

Bootstrap 4.3 https://getbootstrap.com/docs/4.3/getting-started/download/

离线使用 bootstrap

Using bootstrap offline

javascript

bootstrap-4

electron

offline