ဒေါင်းလုဒ်လုပ်ပါ။
စုစည်းထားသော CSS နှင့် JavaScript၊ အရင်းအမြစ်ကုဒ်ကို ရယူရန် သို့မဟုတ် npm၊ RubyGems နှင့် အခြားအရာများကဲ့သို့ သင်နှစ်သက်သော ပက်ကေ့ဂျ်မန်နေဂျာများနှင့် ထည့်သွင်းရန် Bootstrap ကို ဒေါင်းလုဒ်လုပ်ပါ။
CSS နှင့် JS တို့ကို ပြုစုထားသည်။
သင့်ပရောဂျက်သို့ အလွယ်တကူ ချနိုင်စေရန် Bootstrap v5.0.2 အတွက် စုစည်းထားသော ကုဒ်ကို ဒေါင်းလုဒ်လုပ် ပါ-
- စုစည်းပြီး CSS အစုအဝေးများ ( CSS ဖိုင်များကို နှိုင်းယှဉ်ကြည့် ပါ )
- စုစည်းပြီး အသေးစိပ် JavaScript ပလပ်အင်များ ( JS ဖိုင်များကို နှိုင်းယှဉ်ကြည့် ပါ )
၎င်းတွင် စာရွက်စာတမ်း၊ အရင်းအမြစ်ဖိုင်များ သို့မဟုတ် Popper ကဲ့သို့ ရွေးချယ်နိုင်သော JavaScript မှီခိုမှု မပါဝင်ပါ။
အရင်းအမြစ်ဖိုင်များ
ကျွန်ုပ်တို့၏အရင်းအမြစ် Sass၊ JavaScript နှင့် စာရွက်စာတမ်းဖိုင်များကို ဒေါင်းလုဒ်လုပ်ခြင်းဖြင့် သင့်ကိုယ်ပိုင်ပိုင်ဆိုင်မှုပိုက်လိုင်းဖြင့် Bootstrap ကို စုစည်းပါ။ ဤရွေးချယ်မှုတွင် နောက်ထပ်ကိရိယာအချို့ လိုအပ်သည်-
- Sass အရင်းအမြစ်ဖိုင်များကို CSS ဖိုင်များသို့စုစည်းရန်အတွက် Sass compiler
- CSS ရောင်းသူရှေ့ဆက်အတွက် အော်တိုကြိုတင်ပြင်ဆင်မှု
ကျွန်ုပ်တို့၏ တည်ဆောက်ရေးကိရိယာ အစုံအလင်ကို သင်လိုအပ်ပါက ၎င်းတို့သည် Bootstrap နှင့် ၎င်း၏စာရွက်စာတမ်းများကို ပြုစုပျိုးထောင်ရန်အတွက် ပါ၀င်သော်လည်း ၎င်းတို့သည် သင့်ကိုယ်ပိုင်ရည်ရွယ်ချက်များအတွက် မသင့်လျော်ပေ။
အရင်းအမြစ်ကို ဒေါင်းလုဒ်လုပ်ပါ။
ဥပမာများ
ကျွန်ုပ်တို့၏ နမူနာ များကို ဒေါင်းလုဒ်လုပ်ပြီး ဆန်းစစ်လိုပါက ၊ တည်ဆောက်ပြီးသား ဥပမာများကို သင်ဖမ်းယူနိုင်သည်-
နမူနာများကို ဒေါင်းလုဒ်လုပ်ပါ။
jsDelivr မှတဆင့် CDN
သင့်ပရောဂျက်သို့ Bootstrap ၏စုစည်းထားသော CSS နှင့် JS ၏ cached ဗားရှင်းကို ပေးပို့ရန် 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 သီးခြားစီပါ၀င်လိုပါက၊ CDN မှတစ်ဆင့် ကျွန်ုပ်တို့၏ JS မတိုင်မီ 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 compiler နှင့် Autoprefixer လိုအပ် မည်ဖြစ်ပါသည်။
npm
npm ပက်ကေ့ဂျ် ဖြင့် သင်၏ Node.js ပါဝါအက်ပ်များတွင် Bootstrap ကို ထည့်သွင်းပါ ။
npm install bootstrap
const bootstrap = require('bootstrap')
သို့မဟုတ် import bootstrap from 'bootstrap'
Bootstrap ၏ ပလပ်အင်များအားလုံးကို အ bootstrap
ရာဝတ္တုတစ်ခုပေါ်သို့ တင်ပါမည်။ မော် bootstrap
ဂျူးကိုယ်တိုင်က ကျွန်ုပ်တို့၏ plugin အားလုံးကို တင်ပို့သည်။ /js/dist/*.js
ပက် ကေ့ဂျ်၏ ထိပ်တန်းအဆင့်လမ်းညွှန်အောက်တွင် ဖိုင်များကို တင်ခြင်းဖြင့် Bootstrap ၏ ပလပ်အင်များကို တစ်ဦးချင်းစီ ကိုယ်တိုင်တင်နိုင်သည် ။
Bootstrap package.json
တွင် အောက်ပါသော့များအောက်တွင် နောက်ထပ် မက်တာဒေတာအချို့ပါရှိသည်။
sass
- Bootstrap ၏အဓိက Sass အရင်းအမြစ်ဖိုင် သို့လမ်းကြောင်းstyle
- ပုံသေဆက်တင်များကိုအသုံးပြု၍ ကြိုတင်စုစည်းထားသော Bootstrap ၏မ-မဖြတ်ထားသော CSS သို့လမ်းကြောင်း (စိတ်ကြိုက်ပြုပြင်ခြင်းမရှိပါ)
ချည်
သင်၏ Node.js စွမ်းအင်သုံးအက်ပ်များတွင် Bootstrap ကို yarn package ဖြင့် ထည့်သွင်းပါ -
yarn add bootstrap
RubyGems
Bundler ( အကြံပြုထားသည် ) နှင့် RubyGems ကို အသုံးပြု၍ သင်၏ Ruby အက်ပ်များတွင် Bootstrap ကို ထည့်သွင်းပါ Gemfile
။
gem 'bootstrap', '~> 5.0.2'
တစ်နည်းအားဖြင့် သင် Bundler ကိုအသုံးမပြုပါက၊ ဤ command ကို run ခြင်းဖြင့် gem ကို install လုပ်နိုင်ပါသည်။
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