Source

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

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

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

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

  • ಕಂಪೈಲ್ಡ್ ಮತ್ತು ಮಿನಿಫೈಡ್ CSS ಬಂಡಲ್‌ಗಳು ( ಸಿಎಸ್‌ಎಸ್ ಫೈಲ್‌ಗಳ ಹೋಲಿಕೆ ನೋಡಿ )
  • JavaScript ಪ್ಲಗಿನ್‌ಗಳನ್ನು ಸಂಕಲಿಸಲಾಗಿದೆ ಮತ್ತು ಕಡಿಮೆಗೊಳಿಸಲಾಗಿದೆ

ಇದು ದಸ್ತಾವೇಜನ್ನು, ಮೂಲ ಫೈಲ್‌ಗಳು ಅಥವಾ ಯಾವುದೇ ಐಚ್ಛಿಕ JavaScript ಅವಲಂಬನೆಗಳನ್ನು ಒಳಗೊಂಡಿಲ್ಲ (jQuery ಮತ್ತು Popper.js).

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

ಮೂಲ ಕಡತಗಳು

ನಮ್ಮ ಮೂಲ Sass, JavaScript ಮತ್ತು ಡಾಕ್ಯುಮೆಂಟೇಶನ್ ಫೈಲ್‌ಗಳನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡುವ ಮೂಲಕ ನಿಮ್ಮ ಸ್ವಂತ ಆಸ್ತಿ ಪೈಪ್‌ಲೈನ್‌ನೊಂದಿಗೆ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಕಂಪೈಲ್ ಮಾಡಿ. ಈ ಆಯ್ಕೆಗೆ ಕೆಲವು ಹೆಚ್ಚುವರಿ ಉಪಕರಣಗಳು ಬೇಕಾಗುತ್ತವೆ:

  • ನಿಮ್ಮ CSS ಅನ್ನು ಕಂಪೈಲ್ ಮಾಡಲು ಸಾಸ್ ಕಂಪೈಲರ್ (ಲಿಬ್ಸಾಸ್ ಅಥವಾ ರೂಬಿ ಸಾಸ್ ಬೆಂಬಲಿತವಾಗಿದೆ).
  • CSS ಮಾರಾಟಗಾರರ ಪೂರ್ವಪ್ರತ್ಯಯಕ್ಕಾಗಿ ಆಟೋಪ್ರಿಫಿಕ್ಸರ್

ನಿಮಗೆ ಬಿಲ್ಡ್ ಟೂಲ್‌ಗಳ ಅಗತ್ಯವಿದ್ದರೆ , ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಮತ್ತು ಅದರ ಡಾಕ್ಸ್ ಅನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಲು ಅವುಗಳನ್ನು ಸೇರಿಸಲಾಗುತ್ತದೆ, ಆದರೆ ಅವು ನಿಮ್ಮ ಸ್ವಂತ ಉದ್ದೇಶಗಳಿಗೆ ಸೂಕ್ತವಲ್ಲ.

ಮೂಲವನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ

jsDelivr

ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ಗೆ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ ಕಂಪೈಲ್ ಮಾಡಿದ CSS ಮತ್ತು JS ನ ಕ್ಯಾಶ್ ಮಾಡಿದ ಆವೃತ್ತಿಯನ್ನು ತಲುಪಿಸಲು jsDelivr ನೊಂದಿಗೆ ಡೌನ್‌ಲೋಡ್ ಅನ್ನು ಬಿಟ್ಟುಬಿಡಿ .

<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>

ನೀವು ನಮ್ಮ ಕಂಪೈಲ್ ಮಾಡಿದ JavaScript ಅನ್ನು ಬಳಸುತ್ತಿದ್ದರೆ, ಅದರ ಮೊದಲು jQuery ಮತ್ತು Popper.js ನ CDN ಆವೃತ್ತಿಗಳನ್ನು ಸೇರಿಸಲು ಮರೆಯಬೇಡಿ.

<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>

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

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

npm

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

npm install bootstrap

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

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

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

ನೂಲು

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

yarn add bootstrap

ರೂಬಿಜೆಮ್ಸ್

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

gem 'bootstrap', '~> 4.4.1'

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

gem install bootstrap -v 4.4.1

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

ಸಂಯೋಜಕ

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

composer require twbs/bootstrap:4.4.1

ನುಗೆಟ್

ನೀವು .NET ನಲ್ಲಿ ಅಭಿವೃದ್ಧಿಪಡಿಸಿದರೆ, ನೀವು NuGet ಅನ್ನು ಬಳಸಿಕೊಂಡು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನ CSS ಅಥವಾ Sass ಮತ್ತು JavaScript ಅನ್ನು ಸಹ ಸ್ಥಾಪಿಸಬಹುದು ಮತ್ತು ನಿರ್ವಹಿಸಬಹುದು :

Install-Package bootstrap
Install-Package bootstrap.sass