ਮੁੱਖ ਸਮੱਗਰੀ ਤੇ ਜਾਓ ਡੌਕਸ ਨੈਵੀਗੇਸ਼ਨ 'ਤੇ ਜਾਓ
in English

ਡਾਊਨਲੋਡ ਕਰੋ

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

ਸੰਕਲਿਤ CSS ਅਤੇ JS

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

ਇਸ ਵਿੱਚ ਦਸਤਾਵੇਜ਼, ਸਰੋਤ ਫਾਈਲਾਂ, ਜਾਂ ਪੌਪਰ ਵਰਗੀਆਂ ਕੋਈ ਵਿਕਲਪਿਕ JavaScript ਨਿਰਭਰਤਾ ਸ਼ਾਮਲ ਨਹੀਂ ਹੈ।

ਡਾਊਨਲੋਡ ਕਰੋ

ਸਰੋਤ ਫਾਈਲਾਂ

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

ਕੀ ਤੁਹਾਨੂੰ ਸਾਡੇ ਬਿਲਡ ਟੂਲਸ ਦੇ ਪੂਰੇ ਸੈੱਟ ਦੀ ਲੋੜ ਹੈ , ਉਹ ਬੂਟਸਟਰੈਪ ਅਤੇ ਇਸਦੇ ਦਸਤਾਵੇਜ਼ਾਂ ਨੂੰ ਵਿਕਸਤ ਕਰਨ ਲਈ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ ਹਨ, ਪਰ ਉਹ ਤੁਹਾਡੇ ਆਪਣੇ ਉਦੇਸ਼ਾਂ ਲਈ ਅਢੁਕਵੇਂ ਹਨ।

ਸਰੋਤ ਡਾਊਨਲੋਡ ਕਰੋ

ਉਦਾਹਰਨਾਂ

ਜੇਕਰ ਤੁਸੀਂ ਸਾਡੀਆਂ ਉਦਾਹਰਨਾਂ ਨੂੰ ਡਾਊਨਲੋਡ ਕਰਨਾ ਅਤੇ ਜਾਂਚਣਾ ਚਾਹੁੰਦੇ ਹੋ , ਤਾਂ ਤੁਸੀਂ ਪਹਿਲਾਂ ਤੋਂ ਬਣੀਆਂ ਉਦਾਹਰਣਾਂ ਨੂੰ ਫੜ ਸਕਦੇ ਹੋ:

ਉਦਾਹਰਨਾਂ ਡਾਊਨਲੋਡ ਕਰੋ

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 ਦਾ ਮਾਰਗ ਜੋ ਡਿਫੌਲਟ ਸੈਟਿੰਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪਹਿਲਾਂ ਤੋਂ ਕੰਪਾਇਲ ਕੀਤਾ ਗਿਆ ਹੈ (ਕੋਈ ਅਨੁਕੂਲਿਤ ਨਹੀਂ)
ਸਾਡੇ ਸਟਾਰਟਰ ਪ੍ਰੋਜੈਕਟ ਦੇ ਨਾਲ npm ਦੁਆਰਾ ਬੂਟਸਟਰੈਪ ਨਾਲ ਸ਼ੁਰੂਆਤ ਕਰੋ! ਆਪਣੇ ਖੁਦ ਦੇ npm ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਬੂਟਸਟਰੈਪ ਨੂੰ ਕਿਵੇਂ ਬਣਾਉਣਾ ਅਤੇ ਅਨੁਕੂਲਿਤ ਕਰਨਾ ਹੈ ਇਹ ਦੇਖਣ ਲਈ twbs /bootstrap-npm-starter ਟੈਂਪਲੇਟ ਰਿਪੋਜ਼ਟਰੀ ਵੱਲ ਜਾਓ। Sass ਕੰਪਾਈਲਰ, ਆਟੋਪ੍ਰੀਫਿਕਸਰ, ਸਟਾਈਲਿੰਟ, ਪਰਜਸੀਐਸਐਸ, ਅਤੇ ਬੂਟਸਟਰੈਪ ਆਈਕਨ ਸ਼ਾਮਲ ਹਨ।

ਧਾਗਾ

ਧਾਗੇ ਦੇ ਪੈਕੇਜ ਨਾਲ ਆਪਣੇ 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