ਡਾਊਨਲੋਡ ਕਰੋ

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

ਸੰਕਲਿਤ CSS ਅਤੇ JS

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

ਕੰਪਾਇਲ ਕੀਤੇ ਅਤੇ ਛੋਟੇ CSS ਬੰਡਲ ( CSS ਫਾਈਲਾਂ ਦੀ ਤੁਲਨਾ ਵੇਖੋ )
ਕੰਪਾਇਲ ਕੀਤੇ ਅਤੇ ਮਿਨੀਫਾਈਡ JavaScript ਪਲੱਗਇਨ (ਵੇਖੋ JS ਫਾਈਲਾਂ ਦੀ ਤੁਲਨਾ )

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

ਡਾਊਨਲੋਡ ਕਰੋ

ਸਰੋਤ ਫਾਈਲਾਂ

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

Sass ਸਰੋਤ ਫਾਈਲਾਂ ਨੂੰ CSS ਫਾਈਲਾਂ ਵਿੱਚ ਕੰਪਾਇਲ ਕਰਨ ਲਈ Sass ਕੰਪਾਈਲਰ
CSS ਵਿਕਰੇਤਾ ਪ੍ਰੀਫਿਕਸਿੰਗ ਲਈ ਆਟੋਪ੍ਰੀਫਿਕਸਰ

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

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

ਉਦਾਹਰਨਾਂ

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

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

jsDelivr

ਬੂਟਸਟਰੈਪ ਦੇ ਕੰਪਾਇਲ ਕੀਤੇ CSS ਅਤੇ JS ਦੇ ਕੈਸ਼ ਕੀਤੇ ਸੰਸਕਰਣ ਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ jsDelivr ਨਾਲ ਡਾਊਨਲੋਡ ਨੂੰ ਛੱਡੋ ।

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>

ਜੇਕਰ ਤੁਸੀਂ ਸਾਡੀ ਕੰਪਾਇਲ ਕੀਤੀ JavaScript ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ ਅਤੇ Popper ਨੂੰ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਸ਼ਾਮਲ ਕਰਨਾ ਪਸੰਦ ਕਰਦੇ ਹੋ, ਤਾਂ ਤਰਜੀਹੀ ਤੌਰ 'ਤੇ CDN ਰਾਹੀਂ ਸਾਡੇ JS ਤੋਂ ਪਹਿਲਾਂ Popper ਸ਼ਾਮਲ ਕਰੋ।

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" 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 ਦਾ ਮਾਰਗ ਜੋ ਡਿਫੌਲਟ ਸੈਟਿੰਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪਹਿਲਾਂ ਤੋਂ ਕੰਪਾਇਲ ਕੀਤਾ ਗਿਆ ਹੈ (ਕੋਈ ਅਨੁਕੂਲਿਤ ਨਹੀਂ)

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

ਧਾਗਾ

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

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.6.2'

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

gem install bootstrap -v 4.6.2

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

ਕੰਪੋਜ਼ਰ

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

composer require twbs/bootstrap:4.6.2

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass