ഡൗൺലോഡ്
കംപൈൽ ചെയ്ത CSS, JavaScript, സോഴ്സ് കോഡ് എന്നിവ ലഭിക്കുന്നതിന് ബൂട്ട്സ്ട്രാപ്പ് ഡൗൺലോഡ് ചെയ്യുക അല്ലെങ്കിൽ npm, RubyGems എന്നിവയും മറ്റും പോലുള്ള നിങ്ങളുടെ പ്രിയപ്പെട്ട പാക്കേജ് മാനേജർമാരോടൊപ്പം ഇത് ഉൾപ്പെടുത്തുക.
സമാഹരിച്ച CSS ഉം JS ഉം
ബൂട്ട്സ്ട്രാപ്പ് v4.6.2- നുള്ള ഉപയോഗത്തിന് തയ്യാറായ കോഡ് ഡൗൺലോഡ് ചെയ്ത് നിങ്ങളുടെ പ്രോജക്റ്റിലേക്ക് എളുപ്പത്തിൽ ഡ്രോപ്പ് ചെയ്യുക, അതിൽ ഇവ ഉൾപ്പെടുന്നു:
- സമാഹരിച്ചതും ചെറുതാക്കിയതുമായ CSS ബണ്ടിലുകൾ ( സിഎസ്എസ് ഫയലുകളുടെ താരതമ്യം കാണുക )
- സമാഹരിച്ചതും ചെറുതാക്കിയതുമായ JavaScript പ്ലഗിനുകൾ ( JS ഫയലുകളുടെ താരതമ്യം കാണുക )
ഇതിൽ ഡോക്യുമെന്റേഷൻ, ഉറവിട ഫയലുകൾ അല്ലെങ്കിൽ ഏതെങ്കിലും ഓപ്ഷണൽ JavaScript ഡിപൻഡൻസികൾ (jQuery, Popper) എന്നിവ ഉൾപ്പെടുന്നില്ല.
ഉറവിട ഫയലുകൾ
ഞങ്ങളുടെ സോഴ്സ് Sass, JavaScript, ഡോക്യുമെന്റേഷൻ ഫയലുകൾ എന്നിവ ഡൗൺലോഡ് ചെയ്തുകൊണ്ട് നിങ്ങളുടെ സ്വന്തം അസറ്റ് പൈപ്പ്ലൈൻ ഉപയോഗിച്ച് ബൂട്ട്സ്ട്രാപ്പ് കംപൈൽ ചെയ്യുക. ഈ ഓപ്ഷന് ചില അധിക ഉപകരണങ്ങൾ ആവശ്യമാണ്:
- സാസ് സോഴ്സ് ഫയലുകൾ സിഎസ്എസ് ഫയലുകളിലേക്ക് കംപൈൽ ചെയ്യുന്നതിനുള്ള സാസ് കംപൈലർ
- 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 ഉപയോഗിക്കുകയും പോപ്പർ വെവ്വേറെ ഉൾപ്പെടുത്താൻ താൽപ്പര്യപ്പെടുകയും ചെയ്യുന്നുവെങ്കിൽ, ഒരു CDN വഴി ഞങ്ങളുടെ JS-ന് മുമ്പായി പോപ്പർ ചേർക്കുക.
<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>
പാക്കേജ് മാനേജർമാർ
ബൂട്ട്സ്ട്രാപ്പിന്റെ ഉറവിട ഫയലുകൾ ഏറ്റവും ജനപ്രിയമായ ചില പാക്കേജ് മാനേജർമാരുള്ള ഏതൊരു പ്രോജക്റ്റിലേക്കും വലിക്കുക. പാക്കേജ് മാനേജർ എന്തായാലും, ഞങ്ങളുടെ ഔദ്യോഗിക കംപൈൽ ചെയ്ത പതിപ്പുകളുമായി പൊരുത്തപ്പെടുന്ന ഒരു സജ്ജീകരണത്തിനായി ബൂട്ട്സ്ട്രാപ്പിന് ഒരു സാസ് കമ്പൈലറും ഓട്ടോപ്രിഫിക്സറും ആവശ്യമാണ് .
npm
npm പാക്കേജ് ഉപയോഗിച്ച് നിങ്ങളുടെ Node.js പവർ ആപ്പുകളിൽ Bootstrap ഇൻസ്റ്റാൾ ചെയ്യുക :
npm install bootstrap
require('bootstrap')
ബൂട്ട്സ്ട്രാപ്പിന്റെ എല്ലാ jQuery പ്ലഗിനുകളും jQuery ഒബ്ജക്റ്റിലേക്ക് ലോഡ് ചെയ്യും. bootstrap
മൊഡ്യൂൾ തന്നെ ഒന്നും കയറ്റുമതി ചെയ്യുന്നില്ല . /js/*.js
പാക്കേജിന്റെ ഉയർന്ന തലത്തിലുള്ള ഡയറക്ടറിക്ക് കീഴിലുള്ള ഫയലുകൾ ലോഡുചെയ്യുന്നതിലൂടെ നിങ്ങൾക്ക് ബൂട്ട്സ്ട്രാപ്പിന്റെ jQuery പ്ലഗിനുകൾ സ്വമേധയാ ലോഡ് ചെയ്യാൻ കഴിയും .
ബൂട്ട്സ്ട്രാപ്പിൽ package.json
ഇനിപ്പറയുന്ന കീകൾക്ക് കീഴിൽ ചില അധിക മെറ്റാഡാറ്റ അടങ്ങിയിരിക്കുന്നു:
sass
- ബൂട്ട്സ്ട്രാപ്പിന്റെ പ്രധാന സാസ് സോഴ്സ് ഫയലിലേക്കുള്ള പാതstyle
- ബൂട്ട്സ്ട്രാപ്പിന്റെ നോൺ-മിനിഫൈഡ് CSS-ലേക്കുള്ള പാത, അത് സ്ഥിരസ്ഥിതി ക്രമീകരണങ്ങൾ ഉപയോഗിച്ച് മുൻകൂട്ടി തയ്യാറാക്കിയതാണ് (ഇഷ്ടാനുസൃതമാക്കൽ ഇല്ല)
നൂൽ
നൂൽ പാക്കേജ് ഉപയോഗിച്ച് നിങ്ങളുടെ Node.js പവർ ആപ്പുകളിൽ Bootstrap ഇൻസ്റ്റാൾ ചെയ്യുക :
yarn add bootstrap
റൂബിജെംസ്
നിങ്ങളുടെ റൂബി ആപ്പുകളിൽ ബൂട്ട്സ്ട്രാപ്പ് ഇൻസ്റ്റാൾ ചെയ്യുക ബണ്ട്ലറും ( ശുപാർശ ചെയ്തത് ), റൂബിജെംസും ഉപയോഗിച്ച് നിങ്ങളിലേക്ക് ഇനിപ്പറയുന്ന വരി ചേർത്ത് Gemfile
:
gem 'bootstrap', '~> 4.6.2'
പകരമായി, നിങ്ങൾ ബണ്ട്ലർ ഉപയോഗിക്കുന്നില്ലെങ്കിൽ, ഈ കമാൻഡ് പ്രവർത്തിപ്പിച്ച് നിങ്ങൾക്ക് ജെം ഇൻസ്റ്റാൾ ചെയ്യാം:
gem install bootstrap -v 4.6.2
കൂടുതൽ വിവരങ്ങൾക്ക് രത്നത്തിന്റെ README കാണുക.
കമ്പോസർ
കമ്പോസർ ഉപയോഗിച്ച് നിങ്ങൾക്ക് ബൂട്ട്സ്ട്രാപ്പിന്റെ Sass, JavaScript എന്നിവ ഇൻസ്റ്റാൾ ചെയ്യാനും നിയന്ത്രിക്കാനും കഴിയും :
composer require twbs/bootstrap:4.6.2
നുഗെറ്റ്
നിങ്ങൾ .NET-ൽ വികസിപ്പിച്ചെടുക്കുകയാണെങ്കിൽ, നിങ്ങൾക്ക് NuGet ഉപയോഗിച്ച് ബൂട്ട്സ്ട്രാപ്പിന്റെ CSS അല്ലെങ്കിൽ Sass , JavaScript എന്നിവ ഇൻസ്റ്റാൾ ചെയ്യാനും നിയന്ത്രിക്കാനും കഴിയും :
Install-Package bootstrap
Install-Package bootstrap.sass