انتقل إلى المحتوى الرئيسي انتقل إلى التنقل في المستندات
View on GitHub

تحميل

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

CSS وJS المجمعة

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

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

تحميل

ملفات المصدر

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

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

تحميل المصدر

أمثلة

أذا أردت تحميل وفحص أمثلة الخاصة بنا، يمكنك الحصول على الأمثلة المبنية بالفعل:

تحميل أمثلة

CDN عبر jsDelivr

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

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.rtl.min.css" rel="stylesheet" integrity="sha384-LPvXVVAlyPoBSGkX8UddpctDks+1P4HG8MhT7/YwqHtJ40bstjzCqjj+VVVDhsCo" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>

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

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" 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 ضمن دليل المستوى الأعلى للحزمة.

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

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

yarn

تثبيت Bootstrap في تطبيقاتك التي تعمل بنظام Node.js مع الحزمة yarn:

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 5.0.1'

بدلاً من ذلك، إذا كنت لا تستخدم Bundler، يمكنك تثبيت gem بواسطة تشغيل هذا الأمر:

gem install bootstrap -v 5.0.1

راجع gem’s README لمزيد من التفاصيل.

Composer

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

composer require twbs/bootstrap:5.0.1

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass