Source

ਡਾਊਨਲੋਡ ਕਰੋ

ਕੰਪਾਇਲ ਕੀਤਾ CSS ਅਤੇ JavaScript, ਸਰੋਤ ਕੋਡ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਬੂਟਸਟਰੈਪ ਨੂੰ ਡਾਊਨਲੋਡ ਕਰੋ, ਜਾਂ ਇਸਨੂੰ ਆਪਣੇ ਮਨਪਸੰਦ ਪੈਕੇਜ ਪ੍ਰਬੰਧਕਾਂ ਜਿਵੇਂ ਕਿ npm, RubyGems, ਅਤੇ ਹੋਰਾਂ ਨਾਲ ਸ਼ਾਮਲ ਕਰੋ।

ਸੰਕਲਿਤ CSS ਅਤੇ JS

ਆਸਾਨੀ ਨਾਲ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਆਉਣ ਲਈ ਬੂਟਸਟਰੈਪ v4.4.1 ਲਈ ਵਰਤੋਂ ਲਈ ਤਿਆਰ ਕੰਪਾਇਲ ਕੋਡ ਡਾਊਨਲੋਡ ਕਰੋ , ਜਿਸ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:

  • ਕੰਪਾਇਲ ਕੀਤੇ ਅਤੇ ਛੋਟੇ CSS ਬੰਡਲ ( CSS ਫਾਈਲਾਂ ਦੀ ਤੁਲਨਾ ਵੇਖੋ )
  • ਕੰਪਾਇਲ ਕੀਤੇ ਅਤੇ ਛੋਟੇ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਪਲੱਗਇਨ

ਇਸ ਵਿੱਚ ਦਸਤਾਵੇਜ਼, ਸਰੋਤ ਫ਼ਾਈਲਾਂ, ਜਾਂ ਕੋਈ ਵਿਕਲਪਿਕ JavaScript ਨਿਰਭਰਤਾ (jQuery ਅਤੇ Popper.js) ਸ਼ਾਮਲ ਨਹੀਂ ਹੈ।

ਡਾਊਨਲੋਡ ਕਰੋ

ਸਰੋਤ ਫਾਈਲਾਂ

ਸਾਡੇ ਸਰੋਤ Sass, JavaScript, ਅਤੇ ਦਸਤਾਵੇਜ਼ ਫਾਈਲਾਂ ਨੂੰ ਡਾਉਨਲੋਡ ਕਰਕੇ ਆਪਣੀ ਖੁਦ ਦੀ ਸੰਪਤੀ ਪਾਈਪਲਾਈਨ ਨਾਲ ਬੂਟਸਟਰੈਪ ਨੂੰ ਕੰਪਾਇਲ ਕਰੋ। ਇਸ ਵਿਕਲਪ ਲਈ ਕੁਝ ਵਾਧੂ ਟੂਲਿੰਗ ਦੀ ਲੋੜ ਹੈ:

  • ਤੁਹਾਡੇ CSS ਨੂੰ ਕੰਪਾਇਲ ਕਰਨ ਲਈ Sass ਕੰਪਾਈਲਰ (Libsass ਜਾਂ Ruby Sass ਸਮਰਥਿਤ ਹੈ)।
  • 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>

ਪੈਕੇਜ ਪ੍ਰਬੰਧਕ

ਬੂਟਸਟਰੈਪ ਦੀਆਂ ਸਰੋਤ ਫਾਈਲਾਂ ਨੂੰ ਕੁਝ ਸਭ ਤੋਂ ਪ੍ਰਸਿੱਧ ਪੈਕੇਜ ਪ੍ਰਬੰਧਕਾਂ ਦੇ ਨਾਲ ਲਗਭਗ ਕਿਸੇ ਵੀ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਖਿੱਚੋ। ਪੈਕੇਜ ਮੈਨੇਜਰ ਤੋਂ ਕੋਈ ਫਰਕ ਨਹੀਂ ਪੈਂਦਾ, ਬੂਟਸਟਰੈਪ ਨੂੰ ਇੱਕ ਸੈਟਅਪ ਲਈ ਇੱਕ Sass ਕੰਪਾਈਲਰ ਅਤੇ ਆਟੋਪ੍ਰੀਫਿਕਸਰ ਦੀ ਲੋੜ ਹੋਵੇਗੀ ਜੋ ਸਾਡੇ ਅਧਿਕਾਰਤ ਕੰਪਾਇਲ ਕੀਤੇ ਸੰਸਕਰਣਾਂ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ।

npm

npm ਪੈਕੇਜ ਦੇ ਨਾਲ ਆਪਣੇ Node.js ਦੁਆਰਾ ਸੰਚਾਲਿਤ ਐਪਸ ਵਿੱਚ ਬੂਟਸਟਰੈਪ ਸਥਾਪਿਤ ਕਰੋ :

npm install bootstrap

require('bootstrap')ਬੂਟਸਟਰੈਪ ਦੇ ਸਾਰੇ jQuery ਪਲੱਗਇਨਾਂ ਨੂੰ jQuery ਆਬਜੈਕਟ ਉੱਤੇ ਲੋਡ ਕਰੇਗਾ। bootstrapਮੋਡੀਊਲ ਖੁਦ ਕੁਝ ਵੀ ਨਿਰਯਾਤ ਨਹੀਂ ਕਰਦਾ ਹੈ । /js/*.jsਤੁਸੀਂ ਪੈਕੇਜ ਦੀ ਉੱਚ-ਪੱਧਰੀ ਡਾਇਰੈਕਟਰੀ ਦੇ ਅਧੀਨ ਫਾਈਲਾਂ ਨੂੰ ਲੋਡ ਕਰਕੇ ਬੂਟਸਟਰੈਪ ਦੇ jQuery ਪਲੱਗਇਨਾਂ ਨੂੰ ਹੱਥੀਂ ਲੋਡ ਕਰ ਸਕਦੇ ਹੋ ।

Bootstrap's package.jsonਵਿੱਚ ਹੇਠ ਲਿਖੀਆਂ ਕੁੰਜੀਆਂ ਦੇ ਅਧੀਨ ਕੁਝ ਵਾਧੂ ਮੈਟਾਡੇਟਾ ਸ਼ਾਮਲ ਹਨ:

  • sass- ਬੂਟਸਟਰੈਪ ਦੀ ਮੁੱਖ Sass ਸਰੋਤ ਫਾਈਲ ਦਾ ਮਾਰਗ
  • style- ਬੂਟਸਟਰੈਪ ਦੇ ਗੈਰ-ਮਿਨੀਫਾਈਡ CSS ਦਾ ਮਾਰਗ ਜੋ ਡਿਫੌਲਟ ਸੈਟਿੰਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪਹਿਲਾਂ ਤੋਂ ਕੰਪਾਇਲ ਕੀਤਾ ਗਿਆ ਹੈ (ਕੋਈ ਅਨੁਕੂਲਿਤ ਨਹੀਂ)

ਧਾਗਾ

ਧਾਗੇ ਦੇ ਪੈਕੇਜ ਨਾਲ ਆਪਣੇ Node.js ਦੁਆਰਾ ਸੰਚਾਲਿਤ ਐਪਸ ਵਿੱਚ ਬੂਟਸਟਰੈਪ ਸਥਾਪਿਤ ਕਰੋ :

yarn add bootstrap

RubyGems

Bundler ( ਸਿਫਾਰਿਸ਼ ਕੀਤੀ ) ਅਤੇ RubyGems ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਆਪਣੇ ਰੂਬੀ ਐਪਸ ਵਿੱਚ ਬੂਟਸਟਰੈਪ ਨੂੰ ਹੇਠਾਂ ਦਿੱਤੀ ਲਾਈਨ ਜੋੜ ਕੇ ਸਥਾਪਿਤ ਕਰੋ Gemfile:

gem 'bootstrap', '~> 4.4.1'

ਵਿਕਲਪਕ ਤੌਰ 'ਤੇ, ਜੇਕਰ ਤੁਸੀਂ ਬੰਡਲਰ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਇਸ ਕਮਾਂਡ ਨੂੰ ਚਲਾ ਕੇ ਰਤਨ ਨੂੰ ਸਥਾਪਿਤ ਕਰ ਸਕਦੇ ਹੋ:

gem install bootstrap -v 4.4.1

ਹੋਰ ਵੇਰਵਿਆਂ ਲਈ ਰਤਨ ਦਾ README ਦੇਖੋ।

ਕੰਪੋਜ਼ਰ

ਤੁਸੀਂ ਕੰਪੋਜ਼ਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬੂਟਸਟਰੈਪ ਦੇ Sass ਅਤੇ JavaScript ਨੂੰ ਸਥਾਪਿਤ ਅਤੇ ਪ੍ਰਬੰਧਿਤ ਵੀ ਕਰ ਸਕਦੇ ਹੋ :

composer require twbs/bootstrap:4.4.1

NuGet

ਜੇਕਰ ਤੁਸੀਂ .NET ਵਿੱਚ ਵਿਕਸਤ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ NuGet ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬੂਟਸਟਰੈਪ ਦੇ CSS ਜਾਂ Sass ਅਤੇ JavaScript ਨੂੰ ਵੀ ਸਥਾਪਿਤ ਅਤੇ ਪ੍ਰਬੰਧਿਤ ਕਰ ਸਕਦੇ ਹੋ :

Install-Package bootstrap
Install-Package bootstrap.sass