ഡൗൺലോഡ്

കംപൈൽ ചെയ്‌ത CSS, JavaScript, സോഴ്‌സ് കോഡ് എന്നിവ ലഭിക്കുന്നതിന് ബൂട്ട്‌സ്‌ട്രാപ്പ് ഡൗൺലോഡ് ചെയ്യുക അല്ലെങ്കിൽ npm, RubyGems എന്നിവയും മറ്റും പോലുള്ള നിങ്ങളുടെ പ്രിയപ്പെട്ട പാക്കേജ് മാനേജർമാരോടൊപ്പം ഇത് ഉൾപ്പെടുത്തുക.

ഈ പേജിൽ

സമാഹരിച്ച CSS ഉം JS ഉം

ബൂട്ട്‌സ്‌ട്രാപ്പ് v5.2.1- നുള്ള ഉപയോഗത്തിന് തയ്യാറായ കോഡ് ഡൗൺലോഡ് ചെയ്‌ത് നിങ്ങളുടെ പ്രോജക്‌റ്റിലേക്ക് എളുപ്പത്തിൽ ഡ്രോപ്പ് ചെയ്യുക, ഇതിൽ ഉൾപ്പെടുന്നു:

സമാഹരിച്ചതും ചെറുതാക്കിയതുമായ CSS ബണ്ടിലുകൾ ( സിഎസ്എസ് ഫയലുകളുടെ താരതമ്യം കാണുക )
സമാഹരിച്ചതും ചെറുതാക്കിയതുമായ JavaScript പ്ലഗിനുകൾ ( JS ഫയലുകളുടെ താരതമ്യം കാണുക )

ഇതിൽ ഡോക്യുമെന്റേഷനോ ഉറവിട ഫയലുകളോ പോപ്പർ പോലുള്ള ഏതെങ്കിലും ഓപ്‌ഷണൽ JavaScript ഡിപൻഡൻസികളോ ഉൾപ്പെടുന്നില്ല.

ഡൗൺലോഡ്

ഉറവിട ഫയലുകൾ

ഞങ്ങളുടെ സോഴ്സ് Sass, JavaScript, ഡോക്യുമെന്റേഷൻ ഫയലുകൾ ഡൗൺലോഡ് ചെയ്തുകൊണ്ട് നിങ്ങളുടെ സ്വന്തം അസറ്റ് പൈപ്പ്ലൈൻ ഉപയോഗിച്ച് ബൂട്ട്സ്ട്രാപ്പ് കംപൈൽ ചെയ്യുക. ഈ ഓപ്ഷന് ചില അധിക ഉപകരണങ്ങൾ ആവശ്യമാണ്:

സാസ് സോഴ്സ് ഫയലുകൾ സിഎസ്എസ് ഫയലുകളിലേക്ക് കംപൈൽ ചെയ്യുന്നതിനുള്ള സാസ് കംപൈലർ
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 ഉപയോഗിക്കുകയും പോപ്പർ വെവ്വേറെ ഉൾപ്പെടുത്താൻ താൽപ്പര്യപ്പെടുകയും ചെയ്യുന്നുവെങ്കിൽ, ഒരു CDN വഴി ഞങ്ങളുടെ JS-ന് മുമ്പായി പോപ്പർ ചേർക്കുക.

<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>

പാക്കേജ് മാനേജർമാർ

ബൂട്ട്‌സ്‌ട്രാപ്പിന്റെ ഉറവിട ഫയലുകൾ ഏറ്റവും ജനപ്രിയമായ ചില പാക്കേജ് മാനേജർമാരുള്ള ഏതൊരു പ്രോജക്റ്റിലേക്കും വലിച്ചിടുക. പാക്കേജ് മാനേജർ എന്തായാലും, ഞങ്ങളുടെ ഔദ്യോഗിക കംപൈൽ ചെയ്ത പതിപ്പുകളുമായി പൊരുത്തപ്പെടുന്ന ഒരു സജ്ജീകരണത്തിനായി ബൂട്ട്സ്ട്രാപ്പിന് ഒരു സാസ് കമ്പൈലറും ഓട്ടോപ്രിഫിക്സറും ആവശ്യമാണ് .

npm

npm പാക്കേജ് ഉപയോഗിച്ച് നിങ്ങളുടെ Node.js പവർ ആപ്പുകളിൽ Bootstrap ഇൻസ്റ്റാൾ ചെയ്യുക :

npm install [email protected]

const bootstrap = require('bootstrap')അല്ലെങ്കിൽ ബൂട്ട്‌സ്‌ട്രാപ്പിന്റെ എല്ലാ പ്ലഗിനുകളും ഒരു ഒബ്‌ജക്റ്റിലേക്ക് import bootstrap from 'bootstrap'ലോഡ് ചെയ്യും . മൊഡ്യൂൾ തന്നെ ഞങ്ങളുടെ എല്ലാ പ്ലഗിന്നുകളും കയറ്റുമതി ചെയ്യുന്നു bootstrap. പാക്കേജിന്റെ ഉയർന്ന തലത്തിലുള്ള ഡയറക്‌ടറിക്ക് കീഴിലുള്ള ഫയലുകൾ bootstrapലോഡുചെയ്യുന്നതിലൂടെ നിങ്ങൾക്ക് ബൂട്ട്‌സ്‌ട്രാപ്പിന്റെ പ്ലഗിനുകൾ വ്യക്തിഗതമായി ലോഡുചെയ്യാനാകും ./js/dist/*.js

ബൂട്ട്‌സ്‌ട്രാപ്പിൽ package.jsonഇനിപ്പറയുന്ന കീകൾക്ക് കീഴിൽ ചില അധിക മെറ്റാഡാറ്റ അടങ്ങിയിരിക്കുന്നു:

sass- ബൂട്ട്സ്ട്രാപ്പിന്റെ പ്രധാന സാസ് സോഴ്സ് ഫയലിലേക്കുള്ള പാത
style- സ്ഥിരസ്ഥിതി ക്രമീകരണങ്ങൾ ഉപയോഗിച്ച് സമാഹരിച്ച ബൂട്ട്‌സ്‌ട്രാപ്പിന്റെ ചെറുതല്ലാത്ത CSS-ലേക്കുള്ള പാത (ഇഷ്‌ടാനുസൃതമാക്കൽ ഇല്ല)

ഞങ്ങളുടെ സ്റ്റാർട്ടർ പ്രോജക്‌റ്റ് ഉപയോഗിച്ച് npm വഴി ബൂട്ട്‌സ്‌ട്രാപ്പ് ഉപയോഗിച്ച് ആരംഭിക്കുക! നിങ്ങളുടെ സ്വന്തം എൻ‌പി‌എം പ്രോജക്റ്റിൽ ബൂട്ട്‌സ്‌ട്രാപ്പ് എങ്ങനെ നിർമ്മിക്കാമെന്നും ഇഷ്‌ടാനുസൃതമാക്കാമെന്നും കാണാൻ twbs/bootstrap-npm-starter ടെംപ്ലേറ്റ് ശേഖരണത്തിലേക്ക് പോകുക . Sass compiler, Autoprefixer, Stylelint, PurgeCSS, Bootstrap ഐക്കണുകൾ എന്നിവ ഉൾപ്പെടുന്നു.

നൂൽ

നൂൽ പാക്കേജ് ഉപയോഗിച്ച് നിങ്ങളുടെ Node.js പവർ ആപ്പുകളിൽ Bootstrap ഇൻസ്റ്റാൾ ചെയ്യുക :

yarn add [email protected]

റൂബിജെംസ്

നിങ്ങളുടെ റൂബി ആപ്പുകളിൽ ബൂട്ട്‌സ്‌ട്രാപ്പ് ഇൻസ്‌റ്റാൾ ചെയ്യുക ബണ്ട്‌ലറും ( ശുപാർശ ചെയ്‌തത് ), റൂബിജെംസും ഉപയോഗിച്ച് നിങ്ങളിലേക്ക് ഇനിപ്പറയുന്ന വരി ചേർത്ത് Gemfile:

gem 'bootstrap', '~> 5.2.1'

പകരമായി, നിങ്ങൾ Bundler ഉപയോഗിക്കുന്നില്ലെങ്കിൽ, ഈ കമാൻഡ് പ്രവർത്തിപ്പിച്ച് നിങ്ങൾക്ക് രത്നം ഇൻസ്റ്റാൾ ചെയ്യാൻ കഴിയും:

gem install bootstrap -v 5.2.1

കൂടുതൽ വിവരങ്ങൾക്ക് രത്നത്തിന്റെ README കാണുക.

കമ്പോസർ

കമ്പോസർ ഉപയോഗിച്ച് നിങ്ങൾക്ക് ബൂട്ട്സ്ട്രാപ്പിന്റെ Sass, JavaScript എന്നിവ ഇൻസ്റ്റാൾ ചെയ്യാനും നിയന്ത്രിക്കാനും കഴിയും :

composer require twbs/bootstrap:5.2.1

നുഗെറ്റ്

നിങ്ങൾ .NET ഫ്രെയിംവർക്കിൽ വികസിപ്പിച്ചെടുക്കുകയാണെങ്കിൽ, നിങ്ങൾക്ക് NuGet ഉപയോഗിച്ച് ബൂട്ട്സ്ട്രാപ്പിന്റെ CSS അല്ലെങ്കിൽ Sass , JavaScript എന്നിവ ഇൻസ്റ്റാൾ ചെയ്യാനും നിയന്ത്രിക്കാനും കഴിയും . പുതിയ പ്രോജക്റ്റുകൾ ലിബ്മാൻ അല്ലെങ്കിൽ മറ്റൊരു രീതി ഉപയോഗിക്കണം, കാരണം ന്യൂജെറ്റ് രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത് കംപൈൽ ചെയ്ത കോഡിന് വേണ്ടിയാണ്, ഫ്രണ്ട്‌എൻഡ് അസറ്റുകളല്ല.

Install-Package bootstrap

Install-Package bootstrap.sass