ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

ಕಂಪೈಲ್ ಮಾಡಿದ CSS ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಮೂಲ ಕೋಡ್ ಪಡೆಯಲು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ ಅಥವಾ ನಿಮ್ಮ ಮೆಚ್ಚಿನ ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್‌ಗಳಾದ npm, RubyGems ಮತ್ತು ಹೆಚ್ಚಿನವುಗಳೊಂದಿಗೆ ಸೇರಿಸಿ.

ಈ ಪುಟದಲ್ಲಿ

ಸಂಕಲನ ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಜೆಎಸ್

ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ಗೆ ಸುಲಭವಾಗಿ ಡ್ರಾಪ್ ಮಾಡಲು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ v5.2.1 ಗಾಗಿ ಬಳಸಲು ಸಿದ್ಧವಾದ ಕಂಪೈಲ್ ಕೋಡ್ ಅನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ, ಇದರಲ್ಲಿ ಇವು ಸೇರಿವೆ:

ಕಂಪೈಲ್ಡ್ ಮತ್ತು ಮಿನಿಫೈಡ್ 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-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>

ಪ್ಯಾಕೇಜ್ ನಿರ್ವಾಹಕರು

ಕೆಲವು ಜನಪ್ರಿಯ ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್‌ಗಳೊಂದಿಗೆ ಯಾವುದೇ ಪ್ರಾಜೆಕ್ಟ್‌ಗೆ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ಮೂಲ ಫೈಲ್‌ಗಳನ್ನು ಎಳೆಯಿರಿ. ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್ ಏನೇ ಇರಲಿ, ನಮ್ಮ ಅಧಿಕೃತ ಕಂಪೈಲ್ ಮಾಡಿದ ಆವೃತ್ತಿಗಳಿಗೆ ಹೊಂದಿಕೆಯಾಗುವ ಸೆಟಪ್‌ಗಾಗಿ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ಗೆ ಸಾಸ್ ಕಂಪೈಲರ್ ಮತ್ತು ಆಟೋಪ್ರಿಫಿಕ್ಸರ್ ಅಗತ್ಯವಿರುತ್ತದೆ .

npm

npm ಪ್ಯಾಕೇಜ್‌ನೊಂದಿಗೆ ನಿಮ್ಮ Node.js ಚಾಲಿತ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ :

npm install [email protected]

const bootstrap = require('bootstrap')ಅಥವಾ import bootstrap from 'bootstrap'ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ಎಲ್ಲಾ ಪ್ಲಗಿನ್‌ಗಳನ್ನು bootstrapವಸ್ತುವಿನ ಮೇಲೆ ಲೋಡ್ ಮಾಡುತ್ತದೆ. ಮಾಡ್ಯೂಲ್ bootstrapಸ್ವತಃ ನಮ್ಮ ಎಲ್ಲಾ ಪ್ಲಗಿನ್‌ಗಳನ್ನು ರಫ್ತು ಮಾಡುತ್ತದೆ. /js/dist/*.jsಪ್ಯಾಕೇಜ್‌ನ ಉನ್ನತ ಮಟ್ಟದ ಡೈರೆಕ್ಟರಿಯ ಅಡಿಯಲ್ಲಿ ಫೈಲ್‌ಗಳನ್ನು ಲೋಡ್ ಮಾಡುವ ಮೂಲಕ ನೀವು ಪ್ರತ್ಯೇಕವಾಗಿ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ಪ್ಲಗಿನ್‌ಗಳನ್ನು ಹಸ್ತಚಾಲಿತವಾಗಿ ಲೋಡ್ ಮಾಡಬಹುದು .

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ package.jsonಕೆಳಗಿನ ಕೀಗಳ ಅಡಿಯಲ್ಲಿ ಕೆಲವು ಹೆಚ್ಚುವರಿ ಮೆಟಾಡೇಟಾವನ್ನು ಹೊಂದಿದೆ:

sass- ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ಮುಖ್ಯ ಸಾಸ್ ಮೂಲ ಫೈಲ್‌ಗೆ ಮಾರ್ಗ
style- ಡೀಫಾಲ್ಟ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಕಂಪೈಲ್ ಮಾಡಲಾದ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ನಾನ್-ಮಿನಿಫೈಡ್ CSS ಗೆ ಮಾರ್ಗ (ಯಾವುದೇ ಗ್ರಾಹಕೀಕರಣವಿಲ್ಲ)

ನಮ್ಮ ಸ್ಟಾರ್ಟರ್ ಯೋಜನೆಯೊಂದಿಗೆ npm ಮೂಲಕ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಿ! ನಿಮ್ಮ ಸ್ವಂತ npm ಯೋಜನೆಯಲ್ಲಿ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಹೇಗೆ ನಿರ್ಮಿಸುವುದು ಮತ್ತು ಕಸ್ಟಮೈಸ್ ಮಾಡುವುದು ಎಂಬುದನ್ನು ನೋಡಲು twbs/bootstrap-npm-starter ಟೆಂಪ್ಲೇಟ್ ರೆಪೊಸಿಟರಿಗೆ ಹೋಗಿ . ಸಾಸ್ ಕಂಪೈಲರ್, ಆಟೋಪ್ರಿಫಿಕ್ಸರ್, ಸ್ಟೈಲಿಂಟ್, ಪರ್ಜ್‌ಸಿಎಸ್‌ಎಸ್ ಮತ್ತು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಐಕಾನ್‌ಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.

ನೂಲು

ನೂಲು ಪ್ಯಾಕೇಜ್‌ನೊಂದಿಗೆ ನಿಮ್ಮ Node.js ಚಾಲಿತ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ :

yarn add [email protected]

ರೂಬಿಜೆಮ್ಸ್

ನಿಮ್ಮ ರೂಬಿ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಬಂಡ್ಲರ್ ( ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ ) ಮತ್ತು ರೂಬಿಜೆಮ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ ನಿಮ್ಮ ಕೆಳಗಿನ ಸಾಲನ್ನು ಸೇರಿಸುವ ಮೂಲಕ Gemfile:

gem 'bootstrap', '~> 5.2.1'

ಪರ್ಯಾಯವಾಗಿ, ನೀವು ಬಂಡ್ಲರ್ ಅನ್ನು ಬಳಸದಿದ್ದರೆ, ಈ ಆಜ್ಞೆಯನ್ನು ಚಲಾಯಿಸುವ ಮೂಲಕ ನೀವು ರತ್ನವನ್ನು ಸ್ಥಾಪಿಸಬಹುದು:

gem install bootstrap -v 5.2.1

ಹೆಚ್ಚಿನ ವಿವರಗಳಿಗಾಗಿ ರತ್ನದ README ಅನ್ನು ನೋಡಿ.

ಸಂಯೋಜಕ

ಸಂಯೋಜಕವನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ಸಾಸ್ ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸಹ ಸ್ಥಾಪಿಸಬಹುದು ಮತ್ತು ನಿರ್ವಹಿಸಬಹುದು :

composer require twbs/bootstrap:5.2.1

ನುಗೆಟ್

ನೀವು .NET ಫ್ರೇಮ್‌ವರ್ಕ್‌ನಲ್ಲಿ ಅಭಿವೃದ್ಧಿಪಡಿಸಿದರೆ, ನೀವು NuGet ಬಳಸಿಕೊಂಡು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ CSS ಅಥವಾ Sass ಮತ್ತು JavaScript ಅನ್ನು ಸ್ಥಾಪಿಸಬಹುದು ಮತ್ತು ನಿರ್ವಹಿಸಬಹುದು . ಹೊಸ ಯೋಜನೆಗಳು libman ಅಥವಾ ಇನ್ನೊಂದು ವಿಧಾನವನ್ನು ಬಳಸಬೇಕು ಏಕೆಂದರೆ NuGet ಅನ್ನು ಕಂಪೈಲ್ ಮಾಡಿದ ಕೋಡ್‌ಗಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ, ಮುಂಭಾಗದ ಸ್ವತ್ತುಗಳಲ್ಲ.

Install-Package bootstrap

Install-Package bootstrap.sass