bootstrapcdn

Bootstrapcdn

BootstrapCDN est le moyen le plus simple et le plus rapide de commencer avec les icônes Bootstrap, Font Awesome, BootSwatch et Bootstrap. Visitez simplement le site principal et copiez les URL dont vous avez besoin. Les nouvelles versions de tous les projets sont tirées directement du NPM.

Ou suivez les instructions ci-dessous pour des cas d'utilisation plus avancés.

Exemple de liens CDN

Ceux-ci tireront la version 4.6.0 . Il est sûr d'utiliser SRI avec des versions statiques comme celle-ci.

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

Aliasing de version

Pour mettre à jour automatiquement la dernière version mineure, vous pouvez spécifier par exemple 4 comme version de l'URL. Vous obtiendrez ensuite la dernière version V4 disponible avec un retard allant jusqu'à 7 jours.

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

AVERTISSEMENT: N'utilisez pas les hachages SRI avec des URL dynamiques comme celle-ci ou la prochaine mise à jour déferlera votre site.

Une documentation plus détaillée est disponible sur la page GitHub de JSDelivr.

Utilisation de l'API pour tirer les versions

Pour certaines cas d'utilisation, il est possible d'automatiser les mises à jour à l'aide de notre API. Vous pouvez l'utiliser pour obtenir la liste des versions disponibles sur le CDN, y compris la dernière.

 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",
...
	]
}

Contributif

Exigences

1. Node.js

En cours d'exécution

Utilisez npm run <task> .

Développement

npm install

npm test && npm run dev

Diabolisé

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

# start production server
npm start

# and more
npm run

Configuration

config/_app.yml

La configuration de l'application Express.js.

• Port: valeur entière du port d'application de nœud.
• Thème: valeur entière du thème par défaut que nous utilisons; Il s'agit de la valeur d'index de tableau de la section bootswatch4 ci-dessous.
• SITEURL: Notre URL canonique.
• Auteurs: tableau d'objets d'auteur. Accepte ce qui suit:
  • nom
  • Twitter: le gestionnaire Twitter sans @
  • URL: URL du site Web de l'auteur (facultatif)
  • Travail: (facultatif) Objet qui peut contenir:
    • Texte: le texte à afficher pour l' url ci-dessous
    • URL: le lien vers l'œuvre
• Description: chaîne contenant la méta-description par défaut du site.
• FAVICON: Le chemin de favicon.ico .
• Stylesheet: tableau de fichiers de feuille de style (s) que nous utilisons en dehors de la feuille de style bootSwatch.
• JavaScript: tableau de fichiers javascript que nous utilisons.
• Redirection: tableau d'objets pour les redirections de page.

config/_files.yml

Contient les fichiers CDN que nous hébergeons. Les valeurs SRI sont mises à jour en exécutant npm run integrity .

config/helmet-csp.js

Notre configuration CSP à l'aide de https://github.com/helmetjs/csp

Mise à jour de bootstrap / bootlint / bootSwatch

Remplacez package par le package que vous souhaitez mettre à jour et version par sa version dans les commandes suivantes:

npm i package@version -ED
npm run package version

1. Mettre à jour config/_config.yml en conséquence
2. npm run integrity
3. Assurez-vous que npm run all les passes après que les fichiers sont sur S3 / CDN et vérifiez que le frontend fonctionne comme prévu sans aucune rupture visuelle