الصفحة الرئيسية>موارد بناء الموقع>تحميل الخط
تنزيل

bootstrapcdn

bootstrap-github-cover

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 الديناميكية مثل هذا أو التحديث التالي سوف يكسر موقعك.

تتوفر وثائق أكثر تفصيلاً على صفحة GitHub الخاصة بـ JSDelivr.

باستخدام 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
      • عنوان URL: الرابط للعمل
  • الوصف: سلسلة تحتوي على وصف التعريف الافتراضي للموقع.
  • Favicon: الطريق إلى favicon.ico .
  • ورقة الأنماط: مجموعة من ملفات (ملفات) ورقة الأنماط نستخدمها بصرف النظر عن ورقة أنماط bootswatch.
  • JavaScript: مجموعة من ملفات (ملفات) JavaScript نستخدمها.
  • إعادة التوجيه: مجموعة من الكائنات للصفحة إعادة توجيه.

config/_files.yml

يحتوي على ملفات CDN التي نستضيفها. يتم تحديث قيم SRI عن طريق تشغيل npm run integrity .

config/helmet-csp.js

تكوين CSP الخاص بنا باستخدام https://github.com/helmetjs/csp

تحديث bootstrap/bootlint/bootswatch

استبدل package بالحزمة التي تريد تحديثها version بإصدارها في الأوامر التالية: 

npm i package@version -ED
npm run package version
  1. تحديث config/_config.yml وفقًا لذلك
  2. npm run integrity
  3. تأكد من npm run all التمريرات بعد أن تكون الملفات على S3/CDN وتحقق من أن الواجهة الأمامية تعمل كما هو متوقع دون أي كسر مرئي
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل