bootstrapcdn

Bootstrapcdn

BootstrapCDN是开始Bootstrap，Font Awesome，Bootswatch和Bootstrap图标的最简单，最快的方法。只需访问主站点并复制所需的URL即可。所有项目的新版本直接从NPM撤出。

或按照说明的说明，以获取更先进的用例。

示例CDN链接

这些将拉动4.6.0版本。将SRI与这样的静态版本使用是安全的。

 <!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

版本混叠

要自动更新到最新的次要版本，您可以将例如4在URL中指定为版本。然后，您将获得最新的V4版本，最多延迟了7天。

 <!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/css/bootstrap.min.css" rel="stylesheet">

<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4/dist/js/bootstrap.bundle.min.js"></script>

警告：请勿将SRI哈希与这样的动态URL使用或下一个更新会破坏您的网站。

JSdelivr的GitHub页面上提供了更详细的文档。

使用API拉动版本

对于某些用例，可以使用我们的API自动更新。您可以使用它获取CDN上可用的版本列表，包括最新版本。

 https://data.jsdelivr.com/v1/package/npm/bootstrap
{
	"tags": {
		"latest": "4.6.0",
		"previous": "3.4.1",
		"next": "5.0.0-beta2"
	},
	"versions": [
		"5.0.0-beta2",
...
		"4.6.0",
...
	]
}

贡献

要求

1. node.js

跑步

使用npm run <task> 。

发展

npm install

npm test && npm run dev

妖魔化

 # start development server and watch for changes
npm run dev
# or
npm run watch

# start production server
npm start

# and more
npm run

配置

config/_app.yml

Express.js应用程序配置。

• 端口：节点应用程序端口的整数值。
• 主题：我们使用的默认主题的整数值；这是下面的bootswatch4部分中的数组索引值。
• Siteurl：我们的规范URL。
• 作者：作者对象的数组。接受以下内容：
  • 姓名
  • Twitter：无@的Twitter处理程序
  • URL：作者的网站URL（可选）
  • 工作：（可选）可以包含的对象：
    • 文字：显示url bellow的文字
    • URL：工作的链接
• 描述：包含网站默认元描述的字符串。
• Favicon：通往favicon.ico的道路。
• 样式表：除Bootswatch Stylesheet之外，我们使用了样式表文件的数组。
• JavaScript：我们使用的JavaScript文件的数组。
• 重定向：页面重定向的对象数组。

config/_files.yml

包含我们托管的CDN文件。通过运行npm run integrity来更新SRI值。

config/helmet-csp.js

我们的CSP配置使用https://github.com/helmetjs/csp

更新Bootstrap/bootlint/bootswatch

用以下命令中的版本更新和version软件包替换package ：

npm i package@version -ED
npm run package version

1. 相应地更新config/_config.yml
2. npm run integrity
3. 确保npm run all通过，并验证前端的工作原理，而无需任何视觉断裂