bootstrapcdn

Bootstrapcdn

BootstraPCDN es la forma más fácil y rápida de comenzar con Bootstrap, Font Awesome, Bootswatch e Bootstrap Icons. Simplemente visite el sitio principal y copie las URL que necesita. Las nuevas versiones de todos los proyectos se extraen directamente de NPM.

O siga las instrucciones a continuación para casos de uso más avanzados.

Ejemplo de enlaces CDN

Estos extraerán la versión 4.6.0 . Es seguro usar SRI con versiones estáticas como esta.

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

Versión Aliasing

Para actualizar automáticamente a la última versión menor, puede especificar, por ejemplo 4 como la versión en la URL. Luego obtendrá la última versión de V4 disponible con un retraso de hasta 7 días.

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

ADVERTENCIA: No use hashes SRI con URL dinámicas como esta o la próxima actualización romperá su sitio.

Una documentación más detallada está disponible en la página GitHub de JSDELIVR.

Usando la API para tirar de las versiones

Para ciertos casos de uso, es posible automatizar actualizaciones con nuestra API. Puede usarlo para obtener la lista de versiones disponibles en el CDN, incluido el último.

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

Que contribuye

Requisitos

1. Nodo.js

Correr

Use npm run <task> .

Desarrollo

npm install

npm test && npm run dev

Demonizado

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

# start production server
npm start

# and more
npm run

Configuración

config/_app.yml

La configuración de la aplicación Express.js.

• Puerto: valor entero del puerto de aplicación de nodo.
• Tema: Valor entero del tema predeterminado que utilizamos; Es el valor del índice de matriz de la sección bootswatch4 a continuación.
• SiteUrl: nuestra URL canónica.
• Autores: matriz de objetos de autor. Acepta lo siguiente:
  • nombre
  • Twitter: el controlador de Twitter sin @
  • URL: URL del sitio web del autor (opcional)
  • Trabajar: (opcional) Objeto que puede contener:
    • Texto: el texto para mostrar para la url a continuación
    • URL: el enlace al trabajo
• Descripción: cadena que contiene la meta descripción predeterminada del sitio.
• Favicon: El camino hacia favicon.ico .
• Hojas de estilo: matriz de archivos (s) de hojas de estilo que usamos aparte de la hoja de estilo de arranque de botas.
• JavaScript: matriz de archivos JavaScript que utilizamos.
• Redirectas: matriz de objetos para las redireccionamientos de la página.

config/_files.yml

Contiene los archivos CDN que alojamos. Los valores SRI se actualizan ejecutando npm run integrity .

config/helmet-csp.js

Nuestra configuración de CSP usando https://github.com/helmetjs/csp

Actualizar Bootstrap/Bootlint/Bootswatch

Reemplace package por el paquete que desea actualizar y version con su versión en los siguientes comandos:

npm i package@version -ED
npm run package version

1. Actualizar config/_config.yml en consecuencia
2. npm run integrity
3. Asegúrese de que npm run all los pases después de que los archivos estén en S3/CDN y verifique que el frontend funcione como se esperaba sin ninguna rotura visual