බාගත

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

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

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

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

බාගත

මූලාශ්ර ගොනු

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

• Sass මූලාශ්‍ර ගොනු CSS ගොනු බවට සම්පාදනය කිරීම සඳහා Sass සම්පාදකය
• CSS වෙළෙන්දා උපසර්ගය සඳහා ස්වයං උපසර්ගය

ඔබට අපගේ සම්පූර්ණ ගොඩනැගීමේ මෙවලම් අවශ්‍ය නම්, ඒවා Bootstrap සහ එහි ලේඛන සංවර්ධනය කිරීම සඳහා ඇතුළත් කර ඇත, නමුත් ඒවා ඔබගේම අරමුණු සඳහා නොගැලපේ.

මූලාශ්රය බාගත කරන්න

උදාහරණ

ඔබට අපගේ උදාහරණ බාගත කර පරීක්ෂා කිරීමට අවශ්‍ය නම් , ඔබට දැනටමත් ගොඩනගා ඇති උදාහරණ ලබා ගත හැකිය:

උදාහරණ බාගන්න

CDN jsDelivr හරහා

Bootstrap හි සම්පාදනය කරන ලද CSS සහ JS හි හැඹිලිගත අනුවාදය ඔබේ ව්‍යාපෘතියට ලබා දීමට jsDelivr සමඟින් බාගැනීම මඟ හරින්න.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

ඔබ අපගේ සම්පාදනය කරන ලද JavaScript භාවිතා කරන්නේ නම් සහ Popper වෙන වෙනම ඇතුළත් කිරීමට කැමති නම්, අපගේ JS වලට පෙර, CDN හරහා Popper එක් කරන්න.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

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

වඩාත් ජනප්‍රිය පැකේජ කළමනාකරුවන් සමඟ ඕනෑම ව්‍යාපෘතියකට පාහේ Bootstrap හි මූලාශ්‍ර ගොනු අදින්න. පැකේජ කළමනාකරු කුමක් වුවත්, Bootstrap හට අපගේ නිල සම්පාදනය කරන ලද අනුවාදවලට ගැලපෙන සැකසුම සඳහා Sass සම්පාදකයක් සහ Autoprefixer අවශ්‍ය වේ .

npm

npm පැකේජය සමඟින් ඔබගේ Node.js බලයෙන් ක්‍රියාත්මක වන යෙදුම්වල Bootstrap ස්ථාපනය කරන්න :

npm install bootstrap

const bootstrap = require('bootstrap')නැතහොත් Bootstrap හි සියලුම ප්ලගීන වස්තුවක් import bootstrap from 'bootstrap'මතට පටවනු ඇත . bootstrapමොඩියුලයම bootstrapඅපගේ සියලුම ප්ලගීන අපනයනය කරයි. /js/dist/*.jsපැකේජයේ ඉහළම මට්ටමේ නාමාවලිය යටතේ ගොනු පූරණය කිරීමෙන් ඔබට Bootstrap හි ප්ලගීන තනි තනිව පූරණය කළ හැක.

Bootstrap හි package.jsonපහත යතුරු යටතේ අමතර පාරදත්ත කිහිපයක් අඩංගු වේ:

• sass- Bootstrap හි ප්‍රධාන Sass මූලාශ්‍ර ගොනුව වෙත මාර්ගය
• style- පෙරනිමි සැකසුම් භාවිතයෙන් පූර්ව සම්පාදනය කර ඇති Bootstrap හි කුඩා නොවන CSS වෙත මාර්ගය (අභිරුචිකරණයක් නොමැත)

නූල්

නූල් පැකේජය සමඟින් ඔබගේ Node.js බලැති යෙදුම්වල Bootstrap ස්ථාපනය කරන්න :

yarn add bootstrap

RubyGems

Bundler ( නිර්දේශිත ) සහ RubyGems භාවිතයෙන් ඔබගේ Ruby යෙදුම්වල Bootstrap ස්ථාපනය කරන්න පහත පේළිය ඔබගේ Gemfile:

gem 'bootstrap', '~> 5.0.2'

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

gem install bootstrap -v 5.0.2

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

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

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

composer require twbs/bootstrap:5.0.2

NuGet

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

Install-Package bootstrap

Install-Package bootstrap.sass