تخطي إلى المحتوى الرئيسي انتقل إلى ملاحة المستندات
in English

تحميل

قم بتنزيل Bootstrap للحصول على CSS و JavaScript مترجمين ، أو كود المصدر ، أو قم بتضمينه مع مديري الحزم المفضلين لديك مثل npm و RubyGems والمزيد.

على هذه الصفحة

تم تجميع CSS و JS

قم بتنزيل التعليمات البرمجية المجمعة الجاهزة للاستخدام لـ Bootstrap v5.1.3 لإسقاطها بسهولة في مشروعك ، والذي يتضمن:

هذا لا يشمل الوثائق أو الملفات المصدر أو أي تبعيات JavaScript اختيارية مثل Popper.

تحميل

ملفات المصدر

قم بتجميع Bootstrap باستخدام خط أنابيب الأصول الخاص بك عن طريق تنزيل ملفات Sass و JavaScript وملفات التوثيق المصدر الخاصة بنا. يتطلب هذا الخيار بعض الأدوات الإضافية:

إذا كنت بحاجة إلى مجموعتنا الكاملة من أدوات البناء ، فسيتم تضمينها لتطوير Bootstrap ومستنداته ، ولكن من المحتمل أن تكون غير مناسبة لأغراضك الخاصة.

مصدر التنزيل

أمثلة

إذا كنت ترغب في تنزيل وفحص الأمثلة الخاصة بنا ، فيمكنك الحصول على الأمثلة التي تم إنشاؤها بالفعل:

تنزيل الأمثلة

CDN عبر jsDelivr

تخطي التنزيل باستخدام jsDelivr لتقديم نسخة مخبأة من CSS و JS المجمعين من Bootstrap إلى مشروعك.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

إذا كنت تستخدم JavaScript المترجم وتفضل تضمين Popper بشكل منفصل ، أضف Popper قبل JS ، عبر CDN بشكل مفضل.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

مديري الحزم

اسحب ملفات مصدر Bootstrap إلى أي مشروع تقريبًا مع بعض أشهر مديري الحزم. بغض النظر عن مدير الحزم ، سيتطلب Bootstrap مترجم Sass و Autoprefixer لإعداد يتوافق مع إصداراتنا المجمعة الرسمية.

npm

قم بتثبيت Bootstrap في التطبيقات التي تعمل بنظام Node.js باستخدام حزمة npm :

npm install bootstrap

const bootstrap = require('bootstrap')أو import bootstrap from 'bootstrap'سيتم تحميل كافة ملحقات Bootstrap على bootstrapكائن. تقوم bootstrapالوحدة نفسها بتصدير جميع المكونات الإضافية الخاصة بنا. يمكنك يدويًا تحميل ملحقات Bootstrap بشكل فردي عن طريق تحميل /js/dist/*.jsالملفات الموجودة ضمن دليل المستوى الأعلى للحزمة.

يحتوي Bootstrap package.jsonعلى بعض البيانات الوصفية الإضافية تحت المفاتيح التالية:

  • sass- المسار إلى ملف مصدر Sass الرئيسي لـ Bootstrap
  • style- المسار إلى CSS غير المصغر لـ Bootstrap والذي تم تجميعه مسبقًا باستخدام الإعدادات الافتراضية (بدون تخصيص)
ابدأ مع Bootstrap عبر npm من خلال مشروعنا المبدئي! توجه إلى مستودع قوالب twbs / bootstrap-npm-starter لمعرفة كيفية إنشاء Bootstrap وتخصيصه في مشروع npm الخاص بك. يتضمن برنامج Sass compiler و Autoprefixer و Stylelint و PurgeCSS و Bootstrap Icons.

غزل

قم بتثبيت Bootstrap في التطبيقات التي تعمل بنظام Node.js باستخدام حزمة الغزل :

yarn add bootstrap

روبي الأحجار الكريمة

قم بتثبيت Bootstrap في تطبيقات Ruby الخاصة بك باستخدام Bundler ( موصى به ) و RubyGems عن طريق إضافة السطر التالي إلى Gemfile:

gem 'bootstrap', '~> 5.1.3'

بدلاً من ذلك ، إذا كنت لا تستخدم Bundler ، فيمكنك تثبيت الأحجار الكريمة عن طريق تشغيل هذا الأمر:

gem install bootstrap -v 5.1.3

انظر README للجوهرة لمزيد من التفاصيل.

ملحن

يمكنك أيضًا تثبيت وإدارة Sass و JavaScript في Bootstrap باستخدام Composer :

composer require twbs/bootstrap:5.1.3

نوجيت

إذا قمت بالتطوير باستخدام .NET ، فيمكنك أيضًا تثبيت وإدارة CSS أو Sass و JavaScript في Bootstrap باستخدام NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass