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通過，並驗證前端的工作原理，而無需任何視覺斷裂