ਡਾਊਨਲੋਡ ਕਰੋ
ਕੰਪਾਇਲ ਕੀਤਾ CSS ਅਤੇ JavaScript, ਸਰੋਤ ਕੋਡ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਬੂਟਸਟਰੈਪ ਨੂੰ ਡਾਊਨਲੋਡ ਕਰੋ, ਜਾਂ ਇਸਨੂੰ ਆਪਣੇ ਮਨਪਸੰਦ ਪੈਕੇਜ ਪ੍ਰਬੰਧਕਾਂ ਜਿਵੇਂ ਕਿ npm, RubyGems, ਅਤੇ ਹੋਰਾਂ ਨਾਲ ਸ਼ਾਮਲ ਕਰੋ।
ਸੰਕਲਿਤ CSS ਅਤੇ JS
ਆਸਾਨੀ ਨਾਲ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਆਉਣ ਲਈ Bootstrap v5.1.3 ਲਈ ਵਰਤੋਂ ਲਈ ਤਿਆਰ ਕੰਪਾਇਲ ਕੋਡ ਡਾਊਨਲੋਡ ਕਰੋ , ਜਿਸ ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:
- ਕੰਪਾਇਲ ਕੀਤੇ ਅਤੇ ਛੋਟੇ CSS ਬੰਡਲ ( CSS ਫਾਈਲਾਂ ਦੀ ਤੁਲਨਾ ਵੇਖੋ )
- ਕੰਪਾਇਲ ਕੀਤੇ ਅਤੇ ਮਿਨੀਫਾਈਡ JavaScript ਪਲੱਗਇਨ (ਵੇਖੋ JS ਫਾਈਲਾਂ ਦੀ ਤੁਲਨਾ )
ਇਸ ਵਿੱਚ ਦਸਤਾਵੇਜ਼, ਸਰੋਤ ਫਾਈਲਾਂ, ਜਾਂ ਪੌਪਰ ਵਰਗੀਆਂ ਕੋਈ ਵਿਕਲਪਿਕ JavaScript ਨਿਰਭਰਤਾ ਸ਼ਾਮਲ ਨਹੀਂ ਹੈ।
ਸਰੋਤ ਫਾਈਲਾਂ
ਸਾਡੇ ਸਰੋਤ Sass, JavaScript, ਅਤੇ ਦਸਤਾਵੇਜ਼ ਫਾਈਲਾਂ ਨੂੰ ਡਾਉਨਲੋਡ ਕਰਕੇ ਆਪਣੀ ਖੁਦ ਦੀ ਸੰਪਤੀ ਪਾਈਪਲਾਈਨ ਨਾਲ ਬੂਟਸਟਰੈਪ ਨੂੰ ਕੰਪਾਇਲ ਕਰੋ। ਇਸ ਵਿਕਲਪ ਲਈ ਕੁਝ ਵਾਧੂ ਟੂਲਿੰਗ ਦੀ ਲੋੜ ਹੈ:
- Sass ਸਰੋਤ ਫਾਈਲਾਂ ਨੂੰ CSS ਫਾਈਲਾਂ ਵਿੱਚ ਕੰਪਾਇਲ ਕਰਨ ਲਈ Sass ਕੰਪਾਈਲਰ
- CSS ਵਿਕਰੇਤਾ ਪ੍ਰੀਫਿਕਸਿੰਗ ਲਈ ਆਟੋਪ੍ਰੀਫਿਕਸਰ
ਕੀ ਤੁਹਾਨੂੰ ਸਾਡੇ ਬਿਲਡ ਟੂਲਸ ਦੇ ਪੂਰੇ ਸੈੱਟ ਦੀ ਲੋੜ ਹੈ , ਉਹ ਬੂਟਸਟਰੈਪ ਅਤੇ ਇਸਦੇ ਦਸਤਾਵੇਜ਼ਾਂ ਨੂੰ ਵਿਕਸਤ ਕਰਨ ਲਈ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ ਹਨ, ਪਰ ਉਹ ਤੁਹਾਡੇ ਆਪਣੇ ਉਦੇਸ਼ਾਂ ਲਈ ਅਢੁਕਵੇਂ ਹਨ।
ਉਦਾਹਰਨਾਂ
ਜੇਕਰ ਤੁਸੀਂ ਸਾਡੀਆਂ ਉਦਾਹਰਨਾਂ ਨੂੰ ਡਾਊਨਲੋਡ ਕਰਨਾ ਅਤੇ ਜਾਂਚਣਾ ਚਾਹੁੰਦੇ ਹੋ , ਤਾਂ ਤੁਸੀਂ ਪਹਿਲਾਂ ਤੋਂ ਬਣੀਆਂ ਉਦਾਹਰਣਾਂ ਨੂੰ ਫੜ ਸਕਦੇ ਹੋ:
jsDelivr ਦੁਆਰਾ CDN
ਬੂਟਸਟਰੈਪ ਦੇ ਕੰਪਾਇਲ ਕੀਤੇ CSS ਅਤੇ JS ਦੇ ਕੈਸ਼ ਕੀਤੇ ਸੰਸਕਰਣ ਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ jsDelivr ਨਾਲ ਡਾਊਨਲੋਡ ਨੂੰ ਛੱਡੋ ।
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
ਜੇਕਰ ਤੁਸੀਂ ਸਾਡੀ ਕੰਪਾਇਲ ਕੀਤੀ JavaScript ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ ਅਤੇ Popper ਨੂੰ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਸ਼ਾਮਲ ਕਰਨਾ ਪਸੰਦ ਕਰਦੇ ਹੋ, ਤਾਂ ਤਰਜੀਹੀ ਤੌਰ 'ਤੇ CDN ਰਾਹੀਂ ਸਾਡੇ JS ਤੋਂ ਪਹਿਲਾਂ Popper ਸ਼ਾਮਲ ਕਰੋ।
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
ਪੈਕੇਜ ਪ੍ਰਬੰਧਕ
ਬੂਟਸਟਰੈਪ ਦੀਆਂ ਸਰੋਤ ਫਾਈਲਾਂ ਨੂੰ ਕੁਝ ਸਭ ਤੋਂ ਪ੍ਰਸਿੱਧ ਪੈਕੇਜ ਪ੍ਰਬੰਧਕਾਂ ਦੇ ਨਾਲ ਲਗਭਗ ਕਿਸੇ ਵੀ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਖਿੱਚੋ। ਪੈਕੇਜ ਮੈਨੇਜਰ ਤੋਂ ਕੋਈ ਫਰਕ ਨਹੀਂ ਪੈਂਦਾ, ਬੂਟਸਟਰੈਪ ਨੂੰ ਇੱਕ ਸੈਟਅਪ ਲਈ ਇੱਕ Sass ਕੰਪਾਈਲਰ ਅਤੇ ਆਟੋਪ੍ਰੀਫਿਕਸਰ ਦੀ ਲੋੜ ਹੋਵੇਗੀ ਜੋ ਸਾਡੇ ਅਧਿਕਾਰਤ ਕੰਪਾਇਲ ਕੀਤੇ ਸੰਸਕਰਣਾਂ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ।
npm
npm ਪੈਕੇਜ ਦੇ ਨਾਲ ਆਪਣੇ Node.js ਦੁਆਰਾ ਸੰਚਾਲਿਤ ਐਪਸ ਵਿੱਚ ਬੂਟਸਟਰੈਪ ਸਥਾਪਿਤ ਕਰੋ :
npm install bootstrap
const bootstrap = require('bootstrap')
ਜਾਂ ਬੂਟਸਟਰੈਪ ਦੇ ਸਾਰੇ ਪਲੱਗਇਨਾਂ ਨੂੰ ਇੱਕ ਵਸਤੂ import bootstrap from 'bootstrap'
ਉੱਤੇ ਲੋਡ ਕਰੇਗਾ । ਮੋਡੀਊਲ ਖੁਦ ਸਾਡੇ ਸਾਰੇ ਪਲੱਗਇਨਾਂ ਨੂੰ ਨਿਰਯਾਤ ਕਰਦਾ ਹੈ bootstrap
। ਤੁਸੀਂ ਪੈਕੇਜ ਦੀ ਸਿਖਰ-ਪੱਧਰ ਦੀ ਡਾਇਰੈਕਟਰੀ ਦੇ ਅਧੀਨ ਫਾਈਲਾਂ ਨੂੰ bootstrap
ਲੋਡ ਕਰਕੇ ਬੂਟਸਟਰੈਪ ਦੇ ਪਲੱਗਇਨਾਂ ਨੂੰ ਹੱਥੀਂ ਲੋਡ ਕਰ ਸਕਦੇ ਹੋ ।/js/dist/*.js
Bootstrap's package.json
ਵਿੱਚ ਹੇਠ ਲਿਖੀਆਂ ਕੁੰਜੀਆਂ ਦੇ ਅਧੀਨ ਕੁਝ ਵਾਧੂ ਮੈਟਾਡੇਟਾ ਸ਼ਾਮਲ ਹਨ:
sass
- ਬੂਟਸਟਰੈਪ ਦੀ ਮੁੱਖ Sass ਸਰੋਤ ਫਾਈਲ ਦਾ ਮਾਰਗstyle
- ਬੂਟਸਟਰੈਪ ਦੇ ਗੈਰ-ਮਿਨੀਫਾਈਡ CSS ਦਾ ਮਾਰਗ ਜੋ ਡਿਫੌਲਟ ਸੈਟਿੰਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪਹਿਲਾਂ ਤੋਂ ਕੰਪਾਇਲ ਕੀਤਾ ਗਿਆ ਹੈ (ਕੋਈ ਅਨੁਕੂਲਿਤ ਨਹੀਂ)
ਧਾਗਾ
ਧਾਗੇ ਦੇ ਪੈਕੇਜ ਨਾਲ ਆਪਣੇ Node.js ਦੁਆਰਾ ਸੰਚਾਲਿਤ ਐਪਸ ਵਿੱਚ ਬੂਟਸਟਰੈਪ ਸਥਾਪਿਤ ਕਰੋ :
yarn add bootstrap
RubyGems
Bundler ( ਸਿਫਾਰਿਸ਼ ਕੀਤੀ ) ਅਤੇ RubyGems ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਆਪਣੇ ਰੂਬੀ ਐਪਸ ਵਿੱਚ ਬੂਟਸਟਰੈਪ ਨੂੰ ਹੇਠਾਂ ਦਿੱਤੀ ਲਾਈਨ ਜੋੜ ਕੇ ਸਥਾਪਿਤ ਕਰੋ Gemfile
:
gem 'bootstrap', '~> 5.1.3'
ਵਿਕਲਪਕ ਤੌਰ 'ਤੇ, ਜੇਕਰ ਤੁਸੀਂ ਬੰਡਲਰ ਦੀ ਵਰਤੋਂ ਨਹੀਂ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਇਸ ਕਮਾਂਡ ਨੂੰ ਚਲਾ ਕੇ ਰਤਨ ਨੂੰ ਸਥਾਪਿਤ ਕਰ ਸਕਦੇ ਹੋ:
gem install bootstrap -v 5.1.3
ਹੋਰ ਵੇਰਵਿਆਂ ਲਈ ਰਤਨ ਦਾ README ਦੇਖੋ।
ਕੰਪੋਜ਼ਰ
ਤੁਸੀਂ ਕੰਪੋਜ਼ਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬੂਟਸਟਰੈਪ ਦੇ Sass ਅਤੇ JavaScript ਨੂੰ ਸਥਾਪਿਤ ਅਤੇ ਪ੍ਰਬੰਧਿਤ ਵੀ ਕਰ ਸਕਦੇ ਹੋ :
composer require twbs/bootstrap:5.1.3
NuGet
ਜੇਕਰ ਤੁਸੀਂ .NET ਵਿੱਚ ਵਿਕਸਤ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ NuGet ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬੂਟਸਟਰੈਪ ਦੇ CSS ਜਾਂ Sass ਅਤੇ JavaScript ਨੂੰ ਵੀ ਸਥਾਪਿਤ ਅਤੇ ਪ੍ਰਬੰਧਿਤ ਕਰ ਸਕਦੇ ਹੋ :
Install-Package bootstrap
Install-Package bootstrap.sass