bootstrapcdn

Bootstrapcdn

Bootstrapcdn adalah cara termudah dan tercepat untuk memulai dengan ikon Bootstrap, Font Awesome, Bootswatch dan Bootstrap. Cukup kunjungi situs utama dan salin URL yang Anda butuhkan. Versi baru dari semua proyek ditarik langsung dari NPM.

Atau ikuti instruksi di bawah untuk kasus penggunaan yang lebih lanjut.

Contoh tautan CDN

Ini akan menarik versi 4.6.0 . Aman menggunakan SRI dengan versi statis seperti ini.

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

Untuk meningkatkan otomatis ke versi minor terbaru, Anda dapat menentukan misalnya 4 sebagai versi dalam URL. Anda kemudian akan mendapatkan versi V4 terbaru yang tersedia dengan penundaan hingga 7 hari.

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

PERINGATAN: Jangan gunakan hash sri dengan URL dinamis seperti ini atau pembaruan berikutnya akan merusak situs Anda.

Dokumentasi yang lebih rinci tersedia di halaman GitHub JSDELIVR.

Menggunakan API untuk menarik versi

Untuk kasus penggunaan tertentu dimungkinkan untuk mengotomatisasi pembaruan menggunakan API kami. Anda dapat menggunakannya untuk mendapatkan daftar versi yang tersedia di CDN termasuk yang terbaru.

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

Berkontribusi

Persyaratan

1. Node.js

Berlari

Gunakan npm run <task> .

Perkembangan

npm install

npm test && npm run dev

Demonisasi

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

# start production server
npm start

# and more
npm run

Konfigurasi

config/_app.yml

Konfigurasi Aplikasi Express.js.

• Port: Nilai integer dari port aplikasi node.
• Tema: Nilai integer dari tema default yang kami gunakan; Ini adalah nilai indeks array dari bagian bootswatch4 di bawah ini.
• Situsurl: URL kanonik kami.
• Penulis: Array Objek Penulis. Menerima yang berikut:
  • nama
  • Twitter: penangan Twitter tanpa @
  • URL: URL situs web penulis (opsional)
  • Bekerja: (opsional) objek yang dapat berisi:
    • Teks: Teks yang akan ditampilkan untuk url di bawah
    • URL: Tautan ke pekerjaan
• Deskripsi: String yang berisi deskripsi meta default situs.
• Favicon: Jalan menuju favicon.ico .
• Stylesheet: Array of Stylesheet file yang kami gunakan terpisah dari bootswatch stylesheet.
• JavaScript: Array file JavaScript yang kami gunakan.
• Redirects: Array objek untuk halaman pengalihan.

config/_files.yml

Berisi file CDN yang kami host. Nilai SRI diperbarui dengan menjalankan npm run integrity .

config/helmet-csp.js

Konfigurasi CSP kami menggunakan https://github.com/helmetjs/csp

Memperbarui bootstrap/bootlint/bootswatch

Ganti package dengan paket yang ingin Anda perbarui dan version dengan versinya di perintah berikut:

npm i package@version -ED
npm run package version

1. Perbarui config/_config.yml sesuai
2. npm run integrity
3. Pastikan npm run all umpan setelah file di S3/CDN dan verifikasi frontend berfungsi seperti yang diharapkan tanpa kerusakan visual