Source

බාගත

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

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

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

  • සම්පාදනය කර කුඩා කළ CSS මිටි ( CSS ගොනු සංසන්දනය බලන්න )
  • JavaScript ප්ලගීන සම්පාදනය කර කුඩා කර ඇත

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

බාගත

මූලාශ්ර ගොනු

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

  • ඔබේ CSS සම්පාදනය කිරීම සඳහා Sass සම්පාදකය (Libsass හෝ Ruby 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-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>

පැකේජ කළමනාකරුවන්

වඩාත් ජනප්‍රිය පැකේජ කළමනාකරුවන් සමඟ ඕනෑම ව්‍යාපෘතියකට පාහේ 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.2.1'

විකල්පයක් ලෙස, ඔබ Bundler භාවිතා නොකරන්නේ නම්, ඔබට මෙම විධානය ක්‍රියාත්මක කිරීමෙන් මැණික් ස්ථාපනය කළ හැක:

gem install bootstrap -v 4.2.1

වැඩි විස්තර සඳහා මැණික්ගේ README බලන්න.

නිර්මාපකයෙක්

ඔබට Composer භාවිතයෙන් Bootstrap හි Sass සහ JavaScript ස්ථාපනය කර කළමනාකරණය කළ හැක :

composer require twbs/bootstrap:4.2.1

NuGet

ඔබ .NET හි සංවර්ධනය කරන්නේ නම්, ඔබට NuGet භාවිතයෙන් Bootstrap හි CSS හෝ Sass සහ JavaScript ස්ථාපනය කර කළමනාකරණය කළ හැක :

Install-Package bootstrap
Install-Package bootstrap.sass