תוכן

גלה מה כלול ב-Bootstrap, כולל טעמי הקומפילציה מראש וקוד המקור שלנו.

בעמוד זה

Bootstrap מהול מראש

לאחר ההורדה, פתח את התיקיה הדחוסה ותראה משהו כזה:

bootstrap/
├── css/
│   ├── bootstrap-grid.css
│   ├── bootstrap-grid.css.map
│   ├── bootstrap-grid.min.css
│   ├── bootstrap-grid.min.css.map
│   ├── bootstrap-grid.rtl.css
│   ├── bootstrap-grid.rtl.css.map
│   ├── bootstrap-grid.rtl.min.css
│   ├── bootstrap-grid.rtl.min.css.map
│   ├── bootstrap-reboot.css
│   ├── bootstrap-reboot.css.map
│   ├── bootstrap-reboot.min.css
│   ├── bootstrap-reboot.min.css.map
│   ├── bootstrap-reboot.rtl.css
│   ├── bootstrap-reboot.rtl.css.map
│   ├── bootstrap-reboot.rtl.min.css
│   ├── bootstrap-reboot.rtl.min.css.map
│   ├── bootstrap-utilities.css
│   ├── bootstrap-utilities.css.map
│   ├── bootstrap-utilities.min.css
│   ├── bootstrap-utilities.min.css.map
│   ├── bootstrap-utilities.rtl.css
│   ├── bootstrap-utilities.rtl.css.map
│   ├── bootstrap-utilities.rtl.min.css
│   ├── bootstrap-utilities.rtl.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap.rtl.css
│   ├── bootstrap.rtl.css.map
│   ├── bootstrap.rtl.min.css
│   └── bootstrap.rtl.min.css.map
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.js.map
    ├── bootstrap.bundle.min.js
    ├── bootstrap.bundle.min.js.map
    ├── bootstrap.esm.js
    ├── bootstrap.esm.js.map
    ├── bootstrap.esm.min.js
    ├── bootstrap.esm.min.js.map
    ├── bootstrap.js
    ├── bootstrap.js.map
    ├── bootstrap.min.js
    └── bootstrap.min.js.map

זוהי הצורה הבסיסית ביותר של Bootstrap: קבצים מהודרים מראש לשימוש מהיר בירידה כמעט בכל פרויקט אינטרנט. אנו מספקים CSS ו-JS מקופלים ( bootstrap.*), כמו גם CSS ו-JS מקופלים וממוזערים ( bootstrap.min.*). מפות מקור ( bootstrap.*.map) זמינות לשימוש עם כלי מפתחים של דפדפנים מסוימים. קבצי JS מצורפים ( bootstrap.bundle.jsוממוזערים bootstrap.bundle.min.js) כוללים את Popper .

קבצי CSS

Bootstrap כולל קומץ אפשרויות לכלול חלק מה-CSS הקומפילד שלנו או את כולו.

קבצי CSS	מַעֲרָך	תוֹכֶן	רכיבים	כלי עזר
`bootstrap.css` `bootstrap.rtl.css` `bootstrap.min.css` `bootstrap.rtl.min.css`	כלול	כלול	כלול	כלול
`bootstrap-grid.css` `bootstrap-grid.rtl.css` `bootstrap-grid.min.css` `bootstrap-grid.rtl.min.css`	רק מערכת רשת	—	—	רק כלי עזר להגמיש
`bootstrap-utilities.css` `bootstrap-utilities.rtl.css` `bootstrap-utilities.min.css` `bootstrap-utilities.rtl.min.css`	—	—	—	כלול
`bootstrap-reboot.css` `bootstrap-reboot.rtl.css` `bootstrap-reboot.min.css` `bootstrap-reboot.rtl.min.css`	—	רק אתחול מחדש	—	—

קבצי JS

באופן דומה, יש לנו אפשרויות לכלול חלק מה-JavaScript שלנו או את כולו.

קבצי JS	פופר
`bootstrap.bundle.js` `bootstrap.bundle.min.js`	כלול
`bootstrap.js` `bootstrap.min.js`	—

קוד מקור Bootstrap

הורדת קוד המקור של Bootstrap כוללת את נכסי ה-CSS וה-JavaScript המורכבים מראש, יחד עם מקור Sass, JavaScript ותיעוד. ליתר דיוק, הוא כולל את הדברים הבאים ועוד:

bootstrap/
├── dist/
│   ├── css/
│   └── js/
├── site/
│   └──content/
│      └── docs/
│          └── 5.0/
│              └── examples/
├── js/
└── scss/

ה- scss/and js/הם קוד המקור עבור ה-CSS וה-JavaScript שלנו. התיקיה כוללת את dist/כל מה שמופיע בסעיף ההורדה המורכב מראש למעלה. התיקיה כוללת את site/docs/קוד המקור של התיעוד שלנו ושל examples/השימוש ב-Bootstrap. מעבר לכך, כל קובץ כלול אחר מספק תמיכה בחבילות, מידע על רישיון ופיתוח.