ಪರಿವಿಡಿ
ನಮ್ಮ ಸಂಕಲನ ಮತ್ತು ಮೂಲ ಕೋಡ್ ರುಚಿಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನಲ್ಲಿ ಏನನ್ನು ಸೇರಿಸಲಾಗಿದೆ ಎಂಬುದನ್ನು ಅನ್ವೇಷಿಸಿ.
ಸಂಕಲಿಸಿದ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್
ಒಮ್ಮೆ ಡೌನ್‌ಲೋಡ್ ಮಾಡಿದ ನಂತರ, ಸಂಕುಚಿತ ಫೋಲ್ಡರ್ ಅನ್ನು ಅನ್ಜಿಪ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಈ ರೀತಿಯದನ್ನು ನೋಡುತ್ತೀರಿ:
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
ಇದು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ಅತ್ಯಂತ ಮೂಲಭೂತ ರೂಪವಾಗಿದೆ: ಯಾವುದೇ ವೆಬ್ ಪ್ರಾಜೆಕ್ಟ್‌ನಲ್ಲಿ ತ್ವರಿತ ಡ್ರಾಪ್-ಇನ್ ಬಳಕೆಗಾಗಿ ಸಂಕಲಿಸಿದ ಫೈಲ್‌ಗಳು. ನಾವು ಕಂಪೈಲ್ ಮಾಡಿದ CSS ಮತ್ತು JS ( bootstrap.*), ಹಾಗೆಯೇ ಕಂಪೈಲ್ ಮಾಡಿದ ಮತ್ತು ಮಿನಿಫೈಡ್ CSS ಮತ್ತು JS ( bootstrap.min.*) ಅನ್ನು ಒದಗಿಸುತ್ತೇವೆ. ಕೆಲವು ಬ್ರೌಸರ್‌ಗಳ ಡೆವಲಪರ್ ಪರಿಕರಗಳೊಂದಿಗೆ ಬಳಸಲು ಮೂಲ ನಕ್ಷೆಗಳು ( ) ಲಭ್ಯವಿದೆ. bootstrap.*.mapಬಂಡಲ್ ಮಾಡಿದ JS ಫೈಲ್‌ಗಳು ( bootstrap.bundle.jsಮತ್ತು ಮಿನಿಫೈಡ್ bootstrap.bundle.min.js) ಪಾಪ್ಪರ್ ಅನ್ನು ಒಳಗೊಂಡಿವೆ .
CSS ಫೈಲ್‌ಗಳು
ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ನಮ್ಮ ಕೆಲವು ಅಥವಾ ಎಲ್ಲಾ ಕಂಪೈಲ್ ಮಾಡಿದ CSS ಅನ್ನು ಸೇರಿಸಲು ಬೆರಳೆಣಿಕೆಯ ಆಯ್ಕೆಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.
| CSS ಫೈಲ್‌ಗಳು | ಲೆಔಟ್ | ವಿಷಯ | ಘಟಕಗಳು | ಉಪಯುಕ್ತತೆಗಳು |
|---|---|---|---|---|
bootstrap.cssbootstrap.min.cssbootstrap.rtl.cssbootstrap.rtl.min.css |
ಒಳಗೊಂಡಿತ್ತು | ಒಳಗೊಂಡಿತ್ತು | ಒಳಗೊಂಡಿತ್ತು | ಒಳಗೊಂಡಿತ್ತು |
bootstrap-grid.cssbootstrap-grid.rtl.cssbootstrap-grid.min.cssbootstrap-grid.rtl.min.css |
ಗ್ರಿಡ್ ವ್ಯವಸ್ಥೆ ಮಾತ್ರ | - | - | ಫ್ಲೆಕ್ಸ್ ಉಪಯುಕ್ತತೆಗಳು ಮಾತ್ರ |
bootstrap-utilities.cssbootstrap-utilities.rtl.cssbootstrap-utilities.min.cssbootstrap-utilities.rtl.min.css |
- | - | - | ಒಳಗೊಂಡಿತ್ತು |
bootstrap-reboot.cssbootstrap-reboot.rtl.cssbootstrap-reboot.min.cssbootstrap-reboot.rtl.min.css |
- | ರೀಬೂಟ್ ಮಾತ್ರ | - | - |
JS ಫೈಲ್‌ಗಳು
ಅಂತೆಯೇ, ನಮ್ಮ ಕಂಪೈಲ್ ಮಾಡಿದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನ ಕೆಲವು ಅಥವಾ ಎಲ್ಲವನ್ನು ಸೇರಿಸಲು ನಾವು ಆಯ್ಕೆಗಳನ್ನು ಹೊಂದಿದ್ದೇವೆ.
| JS ಫೈಲ್‌ಗಳು | ಪಾಪ್ಪರ್ |
|---|---|
bootstrap.bundle.jsbootstrap.bundle.min.js |
ಒಳಗೊಂಡಿತ್ತು |
bootstrap.jsbootstrap.min.js |
– |
ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಮೂಲ ಕೋಡ್
ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಮೂಲ ಕೋಡ್ ಡೌನ್‌ಲೋಡ್ ಮೂಲ ಸಾಸ್, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮತ್ತು ದಾಖಲಾತಿಗಳೊಂದಿಗೆ ಸಂಕಲಿಸಿದ CSS ಮತ್ತು JavaScript ಸ್ವತ್ತುಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ಹೆಚ್ಚು ನಿರ್ದಿಷ್ಟವಾಗಿ, ಇದು ಕೆಳಗಿನ ಮತ್ತು ಹೆಚ್ಚಿನದನ್ನು ಒಳಗೊಂಡಿದೆ:
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.2/
│ └── examples/
├── js/
└── scss/
scss/ಮತ್ತು js/ನಮ್ಮ CSS ಮತ್ತು JavaScript ಗಾಗಿ ಮೂಲ ಕೋಡ್ . ಮೇಲಿನ dist/ಕಂಪೈಲ್ ಮಾಡಿದ ಡೌನ್‌ಲೋಡ್ ವಿಭಾಗದಲ್ಲಿ ಪಟ್ಟಿ ಮಾಡಲಾದ ಎಲ್ಲವನ್ನೂ ಫೋಲ್ಡರ್ ಒಳಗೊಂಡಿದೆ. site/content/docs/ಫೋಲ್ಡರ್ ನಮ್ಮ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಬಳಕೆಯ ನೇರ ಉದಾಹರಣೆಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ನಮ್ಮ ಹೋಸ್ಟ್ ಮಾಡಿದ ದಾಖಲಾತಿಗಾಗಿ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಒಳಗೊಂಡಿದೆ .
ಅದರಾಚೆಗೆ, ಯಾವುದೇ ಇತರ ಒಳಗೊಂಡಿರುವ ಫೈಲ್ ಪ್ಯಾಕೇಜ್‌ಗಳು, ಪರವಾನಗಿ ಮಾಹಿತಿ ಮತ್ತು ಅಭಿವೃದ್ಧಿಗೆ ಬೆಂಬಲವನ್ನು ಒದಗಿಸುತ್ತದೆ.