ഡൗൺലോഡ്
കംപൈൽ ചെയ്ത CSS, JavaScript, സോഴ്സ് കോഡ് എന്നിവ ലഭിക്കുന്നതിന് ബൂട്ട്സ്ട്രാപ്പ് ഡൗൺലോഡ് ചെയ്യുക അല്ലെങ്കിൽ npm, RubyGems എന്നിവയും മറ്റും പോലുള്ള നിങ്ങളുടെ പ്രിയപ്പെട്ട പാക്കേജ് മാനേജർമാരോടൊപ്പം ഇത് ഉൾപ്പെടുത്തുക.
സമാഹരിച്ച CSS ഉം JS ഉം
ബൂട്ട്സ്ട്രാപ്പ് v4.2.1- നായി ഉപയോഗിക്കാൻ തയ്യാറായ കോഡ് ഡൗൺലോഡ് ചെയ്ത് നിങ്ങളുടെ പ്രോജക്റ്റിലേക്ക് എളുപ്പത്തിൽ ഡ്രോപ്പ് ചെയ്യുക, അതിൽ ഇവ ഉൾപ്പെടുന്നു:
- സമാഹരിച്ചതും ചെറുതാക്കിയതുമായ CSS ബണ്ടിലുകൾ ( സിഎസ്എസ് ഫയലുകളുടെ താരതമ്യം കാണുക )
- JavaScript പ്ലഗിനുകൾ സമാഹരിച്ച് ചെറുതാക്കി
ഇതിൽ ഡോക്യുമെന്റേഷൻ, ഉറവിട ഫയലുകൾ അല്ലെങ്കിൽ ഏതെങ്കിലും ഓപ്ഷണൽ JavaScript ഡിപൻഡൻസികൾ (jQuery, Popper.js) എന്നിവ ഉൾപ്പെടുന്നില്ല.
ഉറവിട ഫയലുകൾ
ഞങ്ങളുടെ സോഴ്സ് Sass, JavaScript, ഡോക്യുമെന്റേഷൻ ഫയലുകൾ ഡൗൺലോഡ് ചെയ്തുകൊണ്ട് നിങ്ങളുടെ സ്വന്തം അസറ്റ് പൈപ്പ്ലൈൻ ഉപയോഗിച്ച് ബൂട്ട്സ്ട്രാപ്പ് കംപൈൽ ചെയ്യുക. ഈ ഓപ്ഷന് ചില അധിക ഉപകരണങ്ങൾ ആവശ്യമാണ്:
- നിങ്ങളുടെ CSS കംപൈൽ ചെയ്യുന്നതിനായി Sass കംപൈലർ (Libsass അല്ലെങ്കിൽ Ruby Sass പിന്തുണയ്ക്കുന്നു).
- CSS വെണ്ടർ പ്രിഫിക്സിംഗിനുള്ള ഓട്ടോപ്രിഫിക്സർ
നിങ്ങൾക്ക് ബിൽഡ് ടൂളുകൾ ആവശ്യമുണ്ടെങ്കിൽ , ബൂട്ട്സ്ട്രാപ്പും അതിന്റെ ഡോക്സും വികസിപ്പിക്കുന്നതിന് അവ ഉൾപ്പെടുത്തിയിട്ടുണ്ട്, പക്ഷേ അവ നിങ്ങളുടെ സ്വന്തം ആവശ്യങ്ങൾക്ക് അനുയോജ്യമല്ലായിരിക്കാം.
jsDelivr
ബൂട്ട്സ്ട്രാപ്പിന്റെ കംപൈൽ ചെയ്ത CSS, JS എന്നിവയുടെ കാഷെ ചെയ്ത പതിപ്പ് നിങ്ങളുടെ പ്രോജക്റ്റിലേക്ക് നൽകുന്നതിന് jsDelivr ഉപയോഗിച്ച് ഡൗൺലോഡ് ഒഴിവാക്കുക .
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>നിങ്ങൾ ഞങ്ങളുടെ സമാഹരിച്ച JavaScript ആണ് ഉപയോഗിക്കുന്നതെങ്കിൽ, അതിന് മുമ്പ് jQuery, Popper.js എന്നിവയുടെ CDN പതിപ്പുകൾ ഉൾപ്പെടുത്താൻ മറക്കരുത്.
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>പാക്കേജ് മാനേജർമാർ
ബൂട്ട്സ്ട്രാപ്പിന്റെ ഉറവിട ഫയലുകൾ ഏറ്റവും ജനപ്രിയമായ ചില പാക്കേജ് മാനേജർമാരുള്ള ഏതൊരു പ്രോജക്റ്റിലേക്കും വലിച്ചിടുക. പാക്കേജ് മാനേജർ എന്തായാലും , ഞങ്ങളുടെ ഔദ്യോഗിക കംപൈൽ ചെയ്ത പതിപ്പുകളുമായി പൊരുത്തപ്പെടുന്ന ഒരു സജ്ജീകരണത്തിനായി ബൂട്ട്സ്ട്രാപ്പിന് ഒരു സാസ് കമ്പൈലറും ഓട്ടോപ്രിഫിക്സറും ആവശ്യമാണ്.
npm
npm പാക്കേജ് ഉപയോഗിച്ച് നിങ്ങളുടെ Node.js പവർ ആപ്പുകളിൽ Bootstrap ഇൻസ്റ്റാൾ ചെയ്യുക :
npm install bootstraprequire('bootstrap')ബൂട്ട്സ്ട്രാപ്പിന്റെ എല്ലാ jQuery പ്ലഗിനുകളും jQuery ഒബ്ജക്റ്റിലേക്ക് ലോഡ് ചെയ്യും. bootstrapമൊഡ്യൂൾ തന്നെ ഒന്നും കയറ്റുമതി ചെയ്യുന്നില്ല . /js/*.jsപാക്കേജിന്റെ ഉയർന്ന തലത്തിലുള്ള ഡയറക്ടറിക്ക് കീഴിലുള്ള ഫയലുകൾ ലോഡുചെയ്യുന്നതിലൂടെ നിങ്ങൾക്ക് ബൂട്ട്സ്ട്രാപ്പിന്റെ jQuery പ്ലഗിനുകൾ സ്വമേധയാ ലോഡ് ചെയ്യാൻ കഴിയും .
ബൂട്ട്സ്ട്രാപ്പിൽ package.jsonഇനിപ്പറയുന്ന കീകൾക്ക് കീഴിൽ ചില അധിക മെറ്റാഡാറ്റ അടങ്ങിയിരിക്കുന്നു:
- sass- ബൂട്ട്സ്ട്രാപ്പിന്റെ പ്രധാന സാസ് സോഴ്സ് ഫയലിലേക്കുള്ള പാത
- style- സ്ഥിരസ്ഥിതി ക്രമീകരണങ്ങൾ ഉപയോഗിച്ച് മുൻകൂട്ടി കംപൈൽ ചെയ്ത ബൂട്ട്സ്ട്രാപ്പിന്റെ ചെറുതല്ലാത്ത CSS-ലേക്കുള്ള പാത (ഇഷ്ടാനുസൃതമാക്കൽ ഇല്ല)
നൂൽ
നൂൽ പാക്കേജ് ഉപയോഗിച്ച് നിങ്ങളുടെ Node.js പവർ ആപ്പുകളിൽ Bootstrap ഇൻസ്റ്റാൾ ചെയ്യുക :
yarn add bootstrapറൂബിജെംസ്
നിങ്ങളുടെ റൂബി ആപ്പുകളിൽ ബൂട്ട്സ്ട്രാപ്പ് ഇൻസ്റ്റാൾ ചെയ്യുക ബണ്ട്ലറും ( ശുപാർശ ചെയ്തത് ), റൂബിജെംസും ഉപയോഗിച്ച് നിങ്ങളിലേക്ക് ഇനിപ്പറയുന്ന വരി ചേർത്ത് Gemfile:
gem 'bootstrap', '~> 4.2.1'പകരമായി, നിങ്ങൾ Bundler ഉപയോഗിക്കുന്നില്ലെങ്കിൽ, ഈ കമാൻഡ് പ്രവർത്തിപ്പിച്ച് നിങ്ങൾക്ക് രത്നം ഇൻസ്റ്റാൾ ചെയ്യാൻ കഴിയും:
gem install bootstrap -v 4.2.1കൂടുതൽ വിവരങ്ങൾക്ക് രത്നത്തിന്റെ README കാണുക.
കമ്പോസർ
കമ്പോസർ ഉപയോഗിച്ച് നിങ്ങൾക്ക് ബൂട്ട്സ്ട്രാപ്പിന്റെ Sass, JavaScript എന്നിവ ഇൻസ്റ്റാൾ ചെയ്യാനും നിയന്ത്രിക്കാനും കഴിയും :
composer require twbs/bootstrap:4.2.1നുഗെറ്റ്
നിങ്ങൾ .NET-ൽ വികസിപ്പിച്ചെടുക്കുകയാണെങ്കിൽ, നിങ്ങൾക്ക് NuGet ഉപയോഗിച്ച് ബൂട്ട്സ്ട്രാപ്പിന്റെ CSS അല്ലെങ്കിൽ Sass , JavaScript എന്നിവ ഇൻസ്റ്റാൾ ചെയ്യാനും നിയന്ത്രിക്കാനും കഴിയും :
Install-Package bootstrapInstall-Package bootstrap.sass