ਡਾਊਨਲੋਡ ਕਰੋ

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

ਇਸ ਪੰਨੇ 'ਤੇ

ਸੰਕਲਿਤ CSS ਅਤੇ JS

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

ਕੰਪਾਇਲ ਕੀਤੇ ਅਤੇ ਛੋਟੇ 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-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" 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-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>

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

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

npm

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

npm install [email protected]

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 [email protected]

RubyGems

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

gem 'bootstrap', '~> 5.2.1'

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

gem install bootstrap -v 5.2.1

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

ਕੰਪੋਜ਼ਰ

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

composer require twbs/bootstrap:5.2.1

NuGet

ਜੇਕਰ ਤੁਸੀਂ .NET ਫਰੇਮਵਰਕ ਵਿੱਚ ਵਿਕਸਤ ਕਰਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ NuGet ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬੂਟਸਟਰੈਪ ਦੇ CSS ਜਾਂ Sass ਅਤੇ JavaScript ਨੂੰ ਵੀ ਸਥਾਪਿਤ ਅਤੇ ਪ੍ਰਬੰਧਿਤ ਕਰ ਸਕਦੇ ਹੋ । ਨਵੇਂ ਪ੍ਰੋਜੈਕਟਾਂ ਨੂੰ libman ਜਾਂ ਕਿਸੇ ਹੋਰ ਵਿਧੀ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ ਕਿਉਂਕਿ NuGet ਕੰਪਾਇਲ ਕੀਤੇ ਕੋਡ ਲਈ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ, ਨਾ ਕਿ ਫਰੰਟਐਂਡ ਸੰਪਤੀਆਂ ਲਈ।

Install-Package bootstrap

Install-Package bootstrap.sass