אראפקאפיע
אראפקאפיע באָאָטסטראַפּ צו באַקומען די קאַמפּיילד CSS און דזשאַוואַסקריפּט, מקור קאָד, אָדער אַרייַננעמען עס מיט דיין באַליבסטע פּעקל מאַנאַדזשערז ווי npm, RubyGems, און מער.
קאָמפּילעד CSS און JS
אראפקאפיע גרייט-צו-נוצן קאַמפּיילד קאָד פֿאַר Bootstrap v5.0.2 צו לייכט פאַלן אין דיין פּרויעקט, וואָס כולל:
- קאָמפּילעד און מיניפיעד CSS באַנדאַלז (זען CSS טעקעס פאַרגלייַך )
- קאָמפּילעד און מיניפיעד דזשאַוואַסקריפּט פּלוגינס (זען JS טעקעס פאַרגלייַך )
דאָס טוט נישט אַרייַננעמען דאַקיומענטיישאַן, מקור טעקעס אָדער קיין אַפּשאַנאַל דזשאַוואַסקריפּט דיפּענדאַנסיז ווי פּאָפּער.
מקור טעקעס
קאַמפּייל באָאָטסטראַפּ מיט דיין אייגענע אַסעט פּייפּליין דורך דאַונלאָודינג אונדזער מקור סאַסס, דזשאַוואַסקריפּט און דאַקיומענטיישאַן טעקעס. דעם אָפּציע ריקווייערז עטלעכע נאָך מכשירים:
- סאַס קאַמפּיילער פֿאַר קאַמפּיילינג סאַס מקור טעקעס אין קסס טעקעס
- אַוטאָפּרעפיקסער פֿאַר קסס פאַרקויפער פּרעפיקס
אויב איר דאַרפן אונדזער פול שטעלן פון בויען מכשירים , זיי זענען אַרייַנגערעכנט פֿאַר דעוועלאָפּינג באָאָטסטראַפּ און זיין דאָקומענטן, אָבער זיי זענען מסתּמא ומפּאַסיק פֿאַר דיין אייגענע צוועקן.
ביישפילן
אויב איר ווילן צו אָפּלאָדירן און ונטערזוכן אונדזער ביישפילן , איר קענען כאַפּן די שוין געבויט ביישפילן:
CDN דורך jsDelivr
האָפּקען די אראפקאפיע מיט jsDelivr צו צושטעלן קאַשט ווערסיע פון Bootstrap ס קאַמפּיילד CSS און JS צו דיין פּרויעקט.
<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>
אויב איר נוצן אונדזער קאַמפּיילד דזשאַוואַסקריפּט און בעסער צו אַרייַננעמען פּאָפּער סעפּעראַטלי, לייגן פּאָפּער איידער אונדזער 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 וועט דאַרפן אַ סאַסס קאַמפּיילער און אַוטאָפּרעפיקסער פֿאַר אַ סעטאַפּ וואָס גלייַכן אונדזער באַאַמטער קאַמפּיילד ווערסיעס.
npm
ינסטאַלירן Bootstrap אין דיין Node.js פּאַוערד אַפּפּס מיט די npm פּעקל :
npm install bootstrap
const bootstrap = require('bootstrap')
אָדער import bootstrap from 'bootstrap'
וועט לאָדן אַלע באָאָטסטראַפּ ס פּלוגינס אויף אַ bootstrap
כייפעץ. דער bootstrap
מאָדולע זיך עקספּאָרץ אַלע אונדזער פּלוגינס. איר קענען מאַניואַלי לאָדן באָאָטסטראַפּ ס פּלוגינס ינדיווידזשואַלי דורך לאָודינג די /js/dist/*.js
טעקעס אונטער די פּעקל ס שפּיץ-מדרגה וועגווייַזער.
Bootstrap's package.json
כּולל עטלעכע נאָך מעטאַדאַטאַ אונטער די פאלגענדע שליסלען:
sass
- דרך צו באָאָטסטראַפּ ס הויפּט סאַסס מקור טעקעstyle
- דרך צו די ניט-מינאַפייד CSS פון Bootstrap וואָס איז געווען פּריקאָמפּיילד מיט די פעליקייַט סעטטינגס (קיין קוסטאָמיזאַטיאָן)
יאַרן
ינסטאַלירן Bootstrap אין דיין Node.js פּאַוערד אַפּפּס מיט די יאַרן פּעקל :
yarn add bootstrap
RubyGems
ינסטאַלירן באָאָטסטראַפּ אין דיין רובי אַפּפּס ניצן בונדלער ( רעקאַמענדאַד ) און RubyGems דורך אַדינג די פאלגענדע שורה צו דיין Gemfile
:
gem 'bootstrap', '~> 5.0.2'
אַלטערנאַטיוועלי, אויב איר טאָן ניט נוצן בונדלער, איר קענען ינסטאַלירן די יידלשטיין דורך לויפן דעם באַפֿעל:
gem install bootstrap -v 5.0.2
זען די README פון די יידלשטיין פֿאַר מער דעטאַילס.
קאָמפּאָזיטאָר
איר קענען אויך ינסטאַלירן און פירן Bootstrap ס סאַס און דזשאַוואַסקריפּט ניצן קאַמפּאָוזער :
composer require twbs/bootstrap:5.0.2
NuGet
אויב איר אַנטוויקלען אין. נעץ, איר קענען אויך ינסטאַלירן און פירן Bootstrap's CSS אָדער Sass און דזשאַוואַסקריפּט ניצן NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass