Source

אראפקאפיע

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

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

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

  • קאָמפּילעד און מיניפיעד CSS באַנדאַלז (זען CSS טעקעס פאַרגלייַך )
  • קאָמפּילעד און מיניפיעד דזשאַוואַסקריפּט פּלוגינס

דאָס ינקלודז נישט דאַקיומענטיישאַן, מקור טעקעס אָדער אַפּשאַנאַל דזשאַוואַסקריפּט דיפּענדאַנסיז (jQuery און Popper.js).

אראפקאפיע

מקור טעקעס

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

  • Sass קאַמפּיילער (Libsass אָדער Ruby Sass איז געשטיצט) פֿאַר קאַמפּיילינג דיין CSS.
  • אַוטאָפּרעפיקסער פֿאַר קסס פאַרקויפער פּרעפיקס

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

אראפקאפיע מקור

jsDelivr

האָפּקען די אראפקאפיע מיט jsDelivr צו צושטעלן קאַשט ווערסיע פון ​​Bootstrap ס קאַמפּיילד CSS און JS צו דיין פּרויעקט.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

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

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>

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

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

npm

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

npm install bootstrap

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

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

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

יאַרן

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

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.4.1'

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

gem install bootstrap -v 4.4.1

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

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

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

composer require twbs/bootstrap:4.4.1

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass