הורד
הורד את Bootstrap כדי לקבל את ה-CSS וה-JavaScript, קוד המקור, או כלול אותו עם מנהלי החבילות המועדפים עליך כמו npm, RubyGems ועוד.
הידור CSS ו-JS
הורד קוד הידור מוכן לשימוש עבור Bootstrap v5.0.2 כדי להיכנס בקלות לפרויקט שלך, הכולל:
- חבילות CSS מלוקט וממוזער (ראה השוואה של קבצי CSS )
- פלאגין JavaScript הידור והקטן (ראה השוואה של קבצי JS )
זה לא כולל תיעוד, קובצי מקור או כל תלות אופציונלית ב-JavaScript כמו Popper.
קובץ מקור
הרכיב את Bootstrap עם צינור הנכסים שלך על ידי הורדת קובצי המקור של Sass, JavaScript ותיעוד. אפשרות זו דורשת כלים נוספים:
- מהדר Sass להידור קבצי מקור Sass לקבצי CSS
- Autoprefixer עבור קידומת ספק CSS
אם תזדקק למערכת המלאה של כלי הבנייה שלנו , הם כלולים לפיתוח 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 של Bootstrapstyle
- נתיב ל-CSS הלא ממוזער של 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