ಡೌನ್ಲೋಡ್ ಮಾಡಿ
ಕಂಪೈಲ್ ಮಾಡಿದ CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಮೂಲ ಕೋಡ್ ಪಡೆಯಲು ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಡೌನ್ಲೋಡ್ ಮಾಡಿ ಅಥವಾ ನಿಮ್ಮ ಮೆಚ್ಚಿನ ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್ಗಳಾದ npm, RubyGems ಮತ್ತು ಹೆಚ್ಚಿನವುಗಳೊಂದಿಗೆ ಸೇರಿಸಿ.
ಸಂಕಲನ ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಜೆಎಸ್
ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ಗೆ ಸುಲಭವಾಗಿ ಡ್ರಾಪ್ ಮಾಡಲು ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ v5.0.2 ಗಾಗಿ ಬಳಸಲು ಸಿದ್ಧವಾದ ಕಂಪೈಲ್ ಕೋಡ್ ಅನ್ನು ಡೌನ್ಲೋಡ್ ಮಾಡಿ, ಇದರಲ್ಲಿ ಇವು ಸೇರಿವೆ:
- ಕಂಪೈಲ್ಡ್ ಮತ್ತು ಮಿನಿಫೈಡ್ CSS ಬಂಡಲ್ಗಳು ( ಸಿಎಸ್ಎಸ್ ಫೈಲ್ಗಳ ಹೋಲಿಕೆ ನೋಡಿ )
- ಕಂಪೈಲ್ಡ್ ಮತ್ತು ಮಿನಿಫೈಡ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ಲಗಿನ್ಗಳು ( JS ಫೈಲ್ಗಳ ಹೋಲಿಕೆ ನೋಡಿ )
ಇದು ದಸ್ತಾವೇಜನ್ನು, ಮೂಲ ಫೈಲ್ಗಳು ಅಥವಾ ಪಾಪ್ಪರ್ನಂತಹ ಯಾವುದೇ ಐಚ್ಛಿಕ JavaScript ಅವಲಂಬನೆಗಳನ್ನು ಒಳಗೊಂಡಿಲ್ಲ.
ಮೂಲ ಕಡತಗಳು
ನಮ್ಮ ಮೂಲ Sass, JavaScript ಮತ್ತು ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಫೈಲ್ಗಳನ್ನು ಡೌನ್ಲೋಡ್ ಮಾಡುವ ಮೂಲಕ ನಿಮ್ಮ ಸ್ವಂತ ಆಸ್ತಿ ಪೈಪ್ಲೈನ್ನೊಂದಿಗೆ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಕಂಪೈಲ್ ಮಾಡಿ. ಈ ಆಯ್ಕೆಗೆ ಕೆಲವು ಹೆಚ್ಚುವರಿ ಉಪಕರಣಗಳು ಬೇಕಾಗುತ್ತವೆ:
- ಸಾಸ್ ಮೂಲ ಫೈಲ್ಗಳನ್ನು CSS ಫೈಲ್ಗಳಾಗಿ ಕಂಪೈಲ್ ಮಾಡಲು ಸಾಸ್ ಕಂಪೈಲರ್
- CSS ಮಾರಾಟಗಾರರ ಪೂರ್ವಪ್ರತ್ಯಯಕ್ಕಾಗಿ ಆಟೋಪ್ರಿಫಿಕ್ಸರ್
ನಿಮಗೆ ನಮ್ಮ ಸಂಪೂರ್ಣ ಬಿಲ್ಡ್ ಟೂಲ್ಗಳ ಅಗತ್ಯವಿದ್ದಲ್ಲಿ , ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಮತ್ತು ಅದರ ಡಾಕ್ಸ್ ಅನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಲು ಅವುಗಳನ್ನು ಸೇರಿಸಲಾಗುತ್ತದೆ, ಆದರೆ ಅವು ನಿಮ್ಮ ಸ್ವಂತ ಉದ್ದೇಶಗಳಿಗೆ ಸೂಕ್ತವಲ್ಲ.
ಉದಾಹರಣೆಗಳು
ನೀವು ನಮ್ಮ ಉದಾಹರಣೆಗಳನ್ನು ಡೌನ್ಲೋಡ್ ಮಾಡಲು ಮತ್ತು ಪರೀಕ್ಷಿಸಲು ಬಯಸಿದರೆ , ನೀವು ಈಗಾಗಲೇ ನಿರ್ಮಿಸಿದ ಉದಾಹರಣೆಗಳನ್ನು ಪಡೆದುಕೊಳ್ಳಬಹುದು:
jsDelivr ಮೂಲಕ CDN
ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ಗೆ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನ ಕಂಪೈಲ್ ಮಾಡಿದ CSS ಮತ್ತು JS ನ ಕ್ಯಾಶ್ ಮಾಡಿದ ಆವೃತ್ತಿಯನ್ನು ತಲುಪಿಸಲು jsDelivr ನೊಂದಿಗೆ ಡೌನ್ಲೋಡ್ ಅನ್ನು ಬಿಟ್ಟುಬಿಡಿ .
<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>
ಪ್ಯಾಕೇಜ್ ನಿರ್ವಾಹಕರು
ಕೆಲವು ಜನಪ್ರಿಯ ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್ಗಳೊಂದಿಗೆ ಯಾವುದೇ ಪ್ರಾಜೆಕ್ಟ್ಗೆ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನ ಮೂಲ ಫೈಲ್ಗಳನ್ನು ಎಳೆಯಿರಿ. ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್ ಏನೇ ಇರಲಿ, ನಮ್ಮ ಅಧಿಕೃತ ಕಂಪೈಲ್ ಮಾಡಿದ ಆವೃತ್ತಿಗಳಿಗೆ ಹೊಂದಿಕೆಯಾಗುವ ಸೆಟಪ್ಗಾಗಿ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ಗೆ ಸಾಸ್ ಕಂಪೈಲರ್ ಮತ್ತು ಆಟೋಪ್ರಿಫಿಕ್ಸರ್ ಅಗತ್ಯವಿರುತ್ತದೆ .
npm
npm ಪ್ಯಾಕೇಜ್ನೊಂದಿಗೆ ನಿಮ್ಮ Node.js ಚಾಲಿತ ಅಪ್ಲಿಕೇಶನ್ಗಳಲ್ಲಿ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ :
npm install bootstrap
const bootstrap = require('bootstrap')
ಅಥವಾ import bootstrap from 'bootstrap'
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನ ಎಲ್ಲಾ ಪ್ಲಗಿನ್ಗಳನ್ನು bootstrap
ವಸ್ತುವಿನ ಮೇಲೆ ಲೋಡ್ ಮಾಡುತ್ತದೆ. ಮಾಡ್ಯೂಲ್ bootstrap
ಸ್ವತಃ ನಮ್ಮ ಎಲ್ಲಾ ಪ್ಲಗಿನ್ಗಳನ್ನು ರಫ್ತು ಮಾಡುತ್ತದೆ. /js/dist/*.js
ಪ್ಯಾಕೇಜ್ನ ಉನ್ನತ ಮಟ್ಟದ ಡೈರೆಕ್ಟರಿಯ ಅಡಿಯಲ್ಲಿ ಫೈಲ್ಗಳನ್ನು ಲೋಡ್ ಮಾಡುವ ಮೂಲಕ ನೀವು ಪ್ರತ್ಯೇಕವಾಗಿ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನ ಪ್ಲಗಿನ್ಗಳನ್ನು ಹಸ್ತಚಾಲಿತವಾಗಿ ಲೋಡ್ ಮಾಡಬಹುದು .
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ package.json
ಕೆಳಗಿನ ಕೀಗಳ ಅಡಿಯಲ್ಲಿ ಕೆಲವು ಹೆಚ್ಚುವರಿ ಮೆಟಾಡೇಟಾವನ್ನು ಹೊಂದಿದೆ:
sass
- ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನ ಮುಖ್ಯ ಸಾಸ್ ಮೂಲ ಫೈಲ್ಗೆ ಮಾರ್ಗstyle
- ಡೀಫಾಲ್ಟ್ ಸೆಟ್ಟಿಂಗ್ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಪೂರ್ವ ಕಂಪೈಲ್ ಮಾಡಲಾದ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನ ನಾನ್-ಮಿನಿಫೈಡ್ CSS ಗೆ ಮಾರ್ಗ (ಯಾವುದೇ ಗ್ರಾಹಕೀಕರಣವಿಲ್ಲ)
ನೂಲು
ನೂಲು ಪ್ಯಾಕೇಜ್ನೊಂದಿಗೆ ನಿಮ್ಮ Node.js ಚಾಲಿತ ಅಪ್ಲಿಕೇಶನ್ಗಳಲ್ಲಿ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ :
yarn add bootstrap
ರೂಬಿಜೆಮ್ಸ್
ನಿಮ್ಮ ರೂಬಿ ಅಪ್ಲಿಕೇಶನ್ಗಳಲ್ಲಿ ಬಂಡ್ಲರ್ ( ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ ) ಮತ್ತು ರೂಬಿಜೆಮ್ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ ನಿಮ್ಮ ಕೆಳಗಿನ ಸಾಲನ್ನು ಸೇರಿಸುವ ಮೂಲಕ Gemfile
:
gem 'bootstrap', '~> 5.0.2'
ಪರ್ಯಾಯವಾಗಿ, ನೀವು ಬಂಡ್ಲರ್ ಅನ್ನು ಬಳಸದಿದ್ದರೆ, ಈ ಆಜ್ಞೆಯನ್ನು ಚಲಾಯಿಸುವ ಮೂಲಕ ನೀವು ರತ್ನವನ್ನು ಸ್ಥಾಪಿಸಬಹುದು:
gem install bootstrap -v 5.0.2
ಹೆಚ್ಚಿನ ವಿವರಗಳಿಗಾಗಿ ರತ್ನದ README ಅನ್ನು ನೋಡಿ.
ಸಂಯೋಜಕ
ಸಂಯೋಜಕವನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನ ಸಾಸ್ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸಹ ಸ್ಥಾಪಿಸಬಹುದು ಮತ್ತು ನಿರ್ವಹಿಸಬಹುದು :
composer require twbs/bootstrap:5.0.2
ನುಗೆಟ್
ನೀವು .NET ನಲ್ಲಿ ಅಭಿವೃದ್ಧಿಪಡಿಸಿದರೆ, ನೀವು NuGet ಅನ್ನು ಬಳಸಿಕೊಂಡು ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನ CSS ಅಥವಾ Sass ಮತ್ತು JavaScript ಅನ್ನು ಸಹ ಸ್ಥಾಪಿಸಬಹುದು ಮತ್ತು ನಿರ್ವಹಿಸಬಹುದು :
Install-Package bootstrap
Install-Package bootstrap.sass