דלג לתוכן הראשי דלג לניווט במסמכים
in English

הורד

הורד את Bootstrap כדי לקבל את ה-CSS וה-JavaScript, קוד המקור, או כלול אותו עם מנהלי החבילות המועדפים עליך כמו npm, RubyGems ועוד.

הידור CSS ו-JS

הורד קוד הידור מוכן לשימוש עבור Bootstrap v5.0.2 כדי להיכנס בקלות לפרויקט שלך, הכולל:

זה לא כולל תיעוד, קובצי מקור או כל תלות אופציונלית ב-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-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" 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-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" 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's package.jsonמכיל כמה מטא נתונים נוספים תחת המפתחות הבאים:

  • sass- נתיב לקובץ המקור הראשי Sass של Bootstrap
  • style- נתיב ל-CSS הלא ממוזער של Bootstrap שהורכב מראש באמצעות הגדרות ברירת המחדל (ללא התאמה אישית)
התחל עם Bootstrap דרך npm עם פרויקט ההתחלה שלנו! עבור אל מאגר התבניות twbs/bootstrap-npm-starter כדי לראות כיצד לבנות ולהתאים אישית את Bootstrap בפרויקט npm משלך. כולל מהדר Sass, Autoprefixer, Stylelint, PurgeCSS ואייקוני Bootstrap.

חוּט

התקן את Bootstrap באפליקציות המופעלות על ידי Node.js עם חבילת החוטים :

yarn add bootstrap

RubyGems

התקן את Bootstrap באפליקציות Ruby שלך באמצעות Bundler ( מומלץ ) ו- RubyGems על ידי הוספת השורה הבאה שלך Gemfile:

gem 'bootstrap', '~> 5.0.2'

לחלופין, אם אינך משתמש ב-Bundler, תוכל להתקין את אבן החן על ידי הפעלת הפקודה הזו:

gem install bootstrap -v 5.0.2

ראה README של אבן החן לפרטים נוספים.

מַלחִין

אתה יכול גם להתקין ולנהל את Sass ו-JavaScript של Bootstrap באמצעות Composer :

composer require twbs/bootstrap:5.0.2

NuGet

אם אתה מפתח ב-.NET, אתה יכול גם להתקין ולנהל את ה- CSS של Bootstrap או Sass ו-JavaScript באמצעות NuGet :

Install-Package bootstrap
Install-Package bootstrap.sass