in English

බාගත

සම්පාදනය කරන ලද CSS සහ JavaScript, මූලාශ්‍ර කේතය ලබා ගැනීමට Bootstrap බාගන්න, නැතහොත් npm, RubyGems, සහ තවත් බොහෝ දේ ඔබේ ප්‍රියතම පැකේජ කළමනාකරුවන් සමඟ ඇතුළත් කරන්න.

සම්පාදනය කරන ලද CSS සහ JS

Bootstrap v4.6.2 සඳහා භාවිතා කිරීමට සූදානම් සම්පාදනය කරන ලද කේතය බාගන්න , ඔබේ ව්‍යාපෘතියට පහසුවෙන් ඇතුල් වීමට, ඇතුළත් වන්නේ:

මෙයට ලේඛන, මූලාශ්‍ර ගොනු, හෝ කිසියම් විකල්ප JavaScript පරායත්තතා (jQuery සහ Popper) ඇතුළත් නොවේ.

බාගත

මූලාශ්ර ගොනු

අපගේ මූලාශ්‍ර Sass, JavaScript, සහ ලේඛන ගොනු බාගැනීමෙන් ඔබේම වත්කම් නල මාර්ගයක් සමඟ Bootstrap සම්පාදනය කරන්න. මෙම විකල්පය සඳහා අමතර මෙවලම් කිහිපයක් අවශ්ය වේ:

ඔබට අපගේ සම්පූර්ණ ගොඩනැගීමේ මෙවලම් අවශ්‍ය නම්, ඒවා 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 වෙත මාර්ගය (අභිරුචිකරණයක් නොමැත)
අපගේ ආරම්භක ව්‍යාපෘතිය සමඟ npm හරහා Bootstrap සමඟ ආරම්භ කරන්න! ඔබේම npm ව්‍යාපෘතිය තුළ Bootstrap ගොඩනඟා අභිරුචිකරණය කරන්නේ කෙසේදැයි බැලීමට twbs/bootstrap-npm-starter අච්චු ගබඩාව වෙත යන්න . Sass compiler, Autoprefixer, Stylelint, PurgeCSS, සහ Bootstrap Icons ඇතුළත් වේ.

නූල්

නූල් පැකේජය සමඟින් ඔබගේ 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