බාගත
සම්පාදනය කරන ලද CSS සහ JavaScript, මූලාශ්ර කේතය ලබා ගැනීමට Bootstrap බාගන්න, නැතහොත් npm, RubyGems, සහ තවත් බොහෝ දේ ඔබේ ප්‍රියතම පැකේජ කළමනාකරුවන් සමඟ ඇතුළත් කරන්න.
සම්පාදනය කරන ලද CSS සහ JS
Bootstrap v4.6.2 සඳහා භාවිතා කිරීමට සූදානම් සම්පාදනය කරන ලද කේතය බාගන්න , ඔබේ ව්‍යාපෘතියට පහසුවෙන් ඇතුල් වීමට, ඇතුළත් වන්නේ:
- සම්පාදනය කර කුඩා කළ CSS මිටි ( CSS ගොනු සංසන්දනය බලන්න )
- සම්පාදනය කර කුඩා කළ JavaScript ප්ලගීන ( JS ගොනු සංසන්දනය බලන්න )
මෙයට ලේඛන, මූලාශ්ර ගොනු, හෝ කිසියම් විකල්ප JavaScript පරායත්තතා (jQuery සහ Popper) ඇතුළත් නොවේ.
මූලාශ්ර ගොනු
අපගේ මූලාශ්ර Sass, JavaScript, සහ ලේඛන ගොනු බාගැනීමෙන් ඔබේම වත්කම් නල මාර්ගයක් සමඟ Bootstrap සම්පාදනය කරන්න. මෙම විකල්පය සඳහා අමතර මෙවලම් කිහිපයක් අවශ්ය වේ:
- Sass මූලාශ්ර ගොනු CSS ගොනු බවට සම්පාදනය කිරීම සඳහා Sass සම්පාදකය
- CSS වෙළෙන්දා උපසර්ගය සඳහා ස්වයං උපසර්ගය
ඔබට අපගේ සම්පූර්ණ ගොඩනැගීමේ මෙවලම් අවශ්ය නම්, ඒවා Bootstrap සහ එහි ලේඛන සංවර්ධනය කිරීම සඳහා ඇතුළත් කර ඇත, නමුත් ඒවා ඔබගේම අරමුණු සඳහා නොගැලපේ.
උදාහරණ
ඔබට අපගේ උදාහරණ බාගත කර පරීක්ෂා කිරීමට අවශ්ය නම් , ඔබට දැනටමත් ගොඩනගා ඇති උදාහරණ ලබා ගත හැකිය:
jsDelivr
Bootstrap හි සම්පාදනය කරන ලද 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 භාවිතා කරන්නේ නම් සහ Popper වෙන වෙනම ඇතුළත් කිරීමට කැමති නම්, අපගේ JS වලට පෙර, CDN හරහා Popper එක් කරන්න.
<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>
පැකේජ කළමනාකරුවන්
වඩාත් ජනප්‍රිය පැකේජ කළමනාකරුවන් සමඟ ඕනෑම ව්‍යාපෘතියකට පාහේ Bootstrap හි මූලාශ්ර ගොනු අදින්න. පැකේජ කළමනාකරු කුමක් වුවත්, Bootstrap හට අපගේ නිල සම්පාදනය කරන ලද අනුවාදවලට ගැලපෙන සැකසුම සඳහා Sass සම්පාදකයක් සහ Autoprefixer අවශ්ය වේ .
npm
npm පැකේජය සමඟින් ඔබගේ Node.js බලයෙන් ක්‍රියාත්මක වන යෙදුම්වල Bootstrap ස්ථාපනය කරන්න :
npm install bootstrap
require('bootstrap')Bootstrap හි සියලුම jQuery ප්ලගීන jQuery වස්තුවට පූරණය කරයි. මොඩියුලයම bootstrapකිසිවක් අපනයනය නොකරයි. /js/*.jsපැකේජයේ ඉහළම මට්ටමේ නාමාවලිය යටතේ ඇති ගොනු පූරණය කිරීමෙන් ඔබට Bootstrap හි jQuery ප්ලගීන තනි තනිව පූරණය කළ හැක.
Bootstrap හි package.jsonපහත යතුරු යටතේ අමතර පාරදත්ත කිහිපයක් අඩංගු වේ:
sass- Bootstrap හි ප්‍රධාන Sass මූලාශ්ර ගොනුව වෙත මාර්ගයstyle- පෙරනිමි සැකසුම් භාවිතයෙන් පූර්ව සම්පාදනය කර ඇති Bootstrap හි කුඩා නොවන CSS වෙත මාර්ගය (අභිරුචිකරණයක් නොමැත)
නූල්
නූල් පැකේජය සමඟින් ඔබගේ Node.js බලැති යෙදුම්වල Bootstrap ස්ථාපනය කරන්න :
yarn add bootstrap
RubyGems
Bundler ( නිර්දේශිත ) සහ RubyGems භාවිතයෙන් ඔබගේ Ruby යෙදුම්වල Bootstrap ස්ථාපනය කරන්න පහත පේළිය ඔබගේ Gemfile:
gem 'bootstrap', '~> 4.6.2'
විකල්පයක් ලෙස, ඔබ Bundler භාවිතා නොකරන්නේ නම්, ඔබට මෙම විධානය ක්‍රියාත්මක කිරීමෙන් මැණික් ස්ථාපනය කළ හැකිය:
gem install bootstrap -v 4.6.2
වැඩි විස්තර සඳහා මැණික්ගේ README බලන්න.
නිර්මාපකයෙක්
ඔබට Composer භාවිතයෙන් Bootstrap හි Sass සහ JavaScript ස්ථාපනය කර කළමනාකරණය කළ හැක :
composer require twbs/bootstrap:4.6.2
NuGet
ඔබ .NET හි සංවර්ධනය කරන්නේ නම්, ඔබට NuGet භාවිතයෙන් Bootstrap හි CSS හෝ Sass සහ JavaScript ස්ථාපනය කර කළමනාකරණය කළ හැක :
Install-Package bootstrap
Install-Package bootstrap.sass