in English

பதிவிறக்க Tamil

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

இந்தப் பக்கத்தில்

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

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

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

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

பதிவிறக்க Tamil

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

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

சாஸ் மூலக் கோப்புகளை CSS கோப்புகளில் தொகுப்பதற்கான சாஸ் கம்பைலர்
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>

நீங்கள் எங்களின் தொகுக்கப்பட்ட ஜாவாஸ்கிரிப்டைப் பயன்படுத்துகிறீர்கள் மற்றும் பாப்பரைத் தனித்தனியாகச் சேர்க்க விரும்பினால், சிடிஎன் வழியாக எங்கள் 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 டெம்ப்ளேட் களஞ்சியத்திற்குச் சென்று உங்கள் சொந்த npm திட்டத்தில் பூட்ஸ்டார்ப்பை எவ்வாறு உருவாக்குவது மற்றும் தனிப்பயனாக்குவது என்பதைப் பார்க்கவும். Sass compiler, Autoprefixer, Stylelint, PurgeCSS மற்றும் Bootstrap ஐகான்கள் ஆகியவை அடங்கும்.

நூல்

நூல் தொகுப்புடன் உங்கள் Node.js இயங்கும் பயன்பாடுகளில் Bootstrap ஐ நிறுவவும் :

yarn add [email protected]

ரூபிஜெம்ஸ்

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

gem 'bootstrap', '~> 5.2.1'

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

gem install bootstrap -v 5.2.1

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

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

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

composer require twbs/bootstrap:5.2.1

நுகெட்

நீங்கள் .NET Framework இல் உருவாக்கினால், NuGet ஐப் பயன்படுத்தி Bootstrap இன் CSS அல்லது Sass மற்றும் JavaScript ஐ நிறுவி நிர்வகிக்கலாம் . புதிய திட்டங்கள் libman அல்லது வேறு முறையைப் பயன்படுத்த வேண்டும், ஏனெனில் NuGet தொகுக்கப்பட்ட குறியீட்டிற்காக வடிவமைக்கப்பட்டுள்ளது, முன்நிலை சொத்துக்கள் அல்ல.

Install-Package bootstrap

Install-Package bootstrap.sass