Source

பதிவிறக்க Tamil

தொகுக்கப்பட்ட CSS மற்றும் ஜாவாஸ்கிரிப்ட், மூலக் குறியீட்டைப் பெற பூட்ஸ்டார்ப்பைப் பதிவிறக்கவும் அல்லது npm, RubyGems மற்றும் பல போன்ற உங்களுக்குப் பிடித்த தொகுப்பு மேலாளர்களுடன் சேர்த்துக்கொள்ளவும்.

தொகுக்கப்பட்ட CSS மற்றும் JS

பூட்ஸ்டார்ப் v4.4.1 க்கான பயன்படுத்தத் தயாராக இருக்கும் தொகுக்கப்பட்ட குறியீட்டைப் பதிவிறக்கி , உங்கள் திட்டப்பணியில் எளிதாகச் சேர்க்க, இதில் பின்வருவன அடங்கும்:

  • தொகுக்கப்பட்ட மற்றும் சிறிதாக்கப்பட்ட CSS தொகுப்புகள் ( CSS கோப்புகளின் ஒப்பீட்டைப் பார்க்கவும் )
  • ஜாவாஸ்கிரிப்ட் செருகுநிரல்கள் தொகுக்கப்பட்டு சிறியதாக்கப்பட்டது

இதில் ஆவணங்கள், மூலக் கோப்புகள் அல்லது எந்த விருப்பமான JavaScript சார்புகளும் (jQuery மற்றும் Popper.js) இல்லை.

பதிவிறக்க Tamil

மூல கோப்புகள்

எங்களின் மூல சாஸ், ஜாவாஸ்கிரிப்ட் மற்றும் ஆவணக் கோப்புகளைப் பதிவிறக்குவதன் மூலம் உங்கள் சொந்த சொத்து பைப்லைனுடன் பூட்ஸ்டார்ப்பை தொகுக்கவும். இந்த விருப்பத்திற்கு சில கூடுதல் கருவிகள் தேவை:

  • உங்கள் 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-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

நீங்கள் தொகுக்கப்பட்ட ஜாவாஸ்கிரிப்டைப் பயன்படுத்துகிறீர்கள் என்றால், அதற்கு முன் jQuery மற்றும் Popper.js இன் CDN பதிப்புகளைச் சேர்க்க மறக்காதீர்கள்.

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" 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

ரூபிஜெம்ஸ்

பின்வரும் வரியைச் சேர்ப்பதன் மூலம் Bundler ( பரிந்துரைக்கப்பட்ட ) மற்றும் RubyGems ஐப் பயன்படுத்தி உங்கள் ரூபி பயன்பாடுகளில் பூட்ஸ்டார்ப்பை நிறுவவும் Gemfile:

gem 'bootstrap', '~> 4.4.1'

மாற்றாக, நீங்கள் Bundler ஐப் பயன்படுத்தவில்லை எனில், இந்த கட்டளையை இயக்குவதன் மூலம் நீங்கள் ரத்தினத்தை நிறுவலாம்:

gem install bootstrap -v 4.4.1

மேலும் விவரங்களுக்கு ஜெம்ஸ் README ஐப் பார்க்கவும்.

இசையமைப்பாளர்

கம்போசரைப் பயன்படுத்தி பூட்ஸ்டார்ப்பின் சாஸ் மற்றும் ஜாவாஸ்கிரிப்டை நிறுவி நிர்வகிக்கலாம் :

composer require twbs/bootstrap:4.4.1

நுகெட்

நீங்கள் .NET இல் உருவாக்கினால், NuGet ஐப் பயன்படுத்தி பூட்ஸ்டார்ப்பின் CSS அல்லது Sass மற்றும் JavaScript ஐ நிறுவி நிர்வகிக்கலாம் :

Install-Package bootstrap
Install-Package bootstrap.sass