אראפקאפיע

אראפקאפיע באָאָטסטראַפּ צו באַקומען די קאַמפּיילד CSS און דזשאַוואַסקריפּט, מקור קאָד, אָדער אַרייַננעמען עס מיט דיין באַליבסטע פּעקל מאַנאַדזשערז ווי npm, RubyGems, און מער.

אויף דעם בלאַט

קאָמפּילעד CSS און JS

אראפקאפיע גרייט-צו-נוצן קאַמפּיילד קאָד פֿאַר Bootstrap v5.2.1 צו לייכט פאַלן אין דיין פּרויעקט, וואָס כולל:

קאָמפּילעד און מיניפיעד 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-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

אויב איר נוצן אונדזער קאַמפּיילד דזשאַוואַסקריפּט און בעסער צו אַרייַננעמען פּאָפּער סעפּעראַטלי, לייגן פּאָפּער איידער אונדזער JS, פּרעפעראַבלי דורך אַ CDN.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

פּעקל מאַנאַדזשערז

ציען די מקור טעקעס פון Bootstrap אין כּמעט קיין פּרויעקט מיט עטלעכע פון די מערסט פאָלקס פּעקל מאַנאַדזשערז. ניט קיין ענין די פּעקל פאַרוואַלטער, Bootstrap וועט דאַרפן אַ סאַסס קאַמפּיילער און אַוטאָפּרעפיקסער פֿאַר אַ סעטאַפּ וואָס גלייַכן אונדזער באַאַמטער קאַמפּיילד ווערסיעס.

npm

ינסטאַלירן Bootstrap אין דיין Node.js פּאַוערד אַפּפּס מיט די npm פּעקל :

npm install [email protected]

const bootstrap = require('bootstrap')אָדער import bootstrap from 'bootstrap'וועט לאָדן אַלע באָאָטסטראַפּ ס פּלוגינס אויף אַ bootstrapכייפעץ. דער bootstrapמאָדולע זיך עקספּאָרץ אַלע אונדזער פּלוגינס. איר קענען מאַניואַלי לאָדן באָאָטסטראַפּ ס פּלוגינס ינדיווידזשואַלי דורך לאָודינג די /js/dist/*.jsטעקעס אונטער די פּעקל ס שפּיץ-מדרגה וועגווייַזער.

Bootstrap's package.jsonכּולל עטלעכע נאָך מעטאַדאַטאַ אונטער די פאלגענדע שליסלען:

sass- דרך צו באָאָטסטראַפּ ס הויפּט סאַסס מקור טעקע
style- דרך צו Bootstrap ס ניט-מינאַפייד CSS וואָס איז געווען קאַמפּיילד מיט די פעליקייַט סעטטינגס (קיין קוסטאָמיזאַטיאָן)

באַקומען סטאַרטעד מיט Bootstrap דורך npm מיט אונדזער סטאַרטער פּרויעקט! גיין צו די twbs/bootstrap-npm-starter מוסטער ריפּאַזאַטאָרי צו זען ווי צו בויען און קאַסטאַמייז Bootstrap אין דיין אייגענע npm פּרויעקט. כולל Sass קאַמפּיילער, אַוטאָפּרעפיקסער, סטילינט, פּורגעקסס און באָאָטסטראַפּ יקאָנס.

יאַרן

ינסטאַלירן Bootstrap אין דיין Node.js פּאַוערד אַפּפּס מיט די יאַרן פּעקל :

yarn add [email protected]

RubyGems

ינסטאַלירן באָאָטסטראַפּ אין דיין רובי אַפּפּס ניצן בונדלער ( רעקאַמענדאַד ) און RubyGems דורך אַדינג די פאלגענדע שורה צו דיין Gemfile:

gem 'bootstrap', '~> 5.2.1'

אַלטערנאַטיוועלי, אויב איר טאָן ניט נוצן בונדלער, איר קענען ינסטאַלירן די יידלשטיין דורך לויפן דעם באַפֿעל:

gem install bootstrap -v 5.2.1

זען די README פון די יידלשטיין פֿאַר מער דעטאַילס.

קאָמפּאָזיטאָר

איר קענען אויך ינסטאַלירן און פירן Bootstrap ס סאַס און דזשאַוואַסקריפּט ניצן קאַמפּאָוזער :

composer require twbs/bootstrap:5.2.1

NuGet

אויב איר אַנטוויקלען אין. נעץ פראַמעוואָרק, איר קענען אויך ינסטאַלירן און פירן Bootstrap's CSS אָדער Sass און דזשאַוואַסקריפּט ניצן NuGet . נייַער פּראַדזשעקס זאָל נוצן ליבמאַן אָדער אן אנדער אופֿן, ווייַל NuGet איז דיזיינד פֿאַר קאַמפּיילד קאָד, נישט פראָנטענד אַסעץ.

Install-Package bootstrap

Install-Package bootstrap.sass