အဓိကအကြောင်းအရာသို့ ကျော်သွားပါ။ စာရွက်စာတမ်းလမ်းညွှန်မှုသို့ ကျော်သွားပါ။
in English

ဒေါင်းလုဒ်လုပ်ပါ။

စုစည်းထားသော CSS နှင့် JavaScript၊ အရင်းအမြစ်ကုဒ်ကို ရယူရန် သို့မဟုတ် npm၊ RubyGems နှင့် အခြားအရာများကဲ့သို့ သင်နှစ်သက်သော ပက်ကေ့ဂျ်မန်နေဂျာများနှင့် ထည့်သွင်းရန် Bootstrap ကို ဒေါင်းလုဒ်လုပ်ပါ။

ဤစာမျက်နှာတွင်

CSS နှင့် JS တို့ကို ပြုစုထားသည်။

သင့်ပရောဂျက်သို့ အလွယ်တကူ ချနိုင်စေရန် Bootstrap v5.1.3 အတွက် စုစည်းထားသော ကုဒ်ကို ဒေါင်းလုဒ်လုပ် ပါ-

၎င်းတွင် စာရွက်စာတမ်း၊ အရင်းအမြစ်ဖိုင်များ သို့မဟုတ် Popper ကဲ့သို့ ရွေးချယ်နိုင်သော JavaScript မှီခိုမှု မပါဝင်ပါ။

ဒေါင်းလုဒ်လုပ်ပါ။

အရင်းအမြစ်ဖိုင်များ

ကျွန်ုပ်တို့၏အရင်းအမြစ် Sass၊ JavaScript နှင့် စာရွက်စာတမ်းဖိုင်များကို ဒေါင်းလုဒ်လုပ်ခြင်းဖြင့် သင့်ကိုယ်ပိုင်ပိုင်ဆိုင်မှုပိုက်လိုင်းဖြင့် Bootstrap ကို စုစည်းပါ။ ဤရွေးချယ်မှုတွင် နောက်ထပ်ကိရိယာအချို့ လိုအပ်သည်-

ကျွန်ုပ်တို့၏ တည်ဆောက်ရေးကိရိယာ အစုံအလင်ကို သင်လိုအပ်ပါက ၎င်းတို့သည် 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-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" 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-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" 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 သို့လမ်းကြောင်း (စိတ်ကြိုက်ပြုပြင်ခြင်းမရှိပါ)
ကျွန်ုပ်တို့၏ starter ပရောဂျက်ဖြင့် npm မှတစ်ဆင့် Bootstrap ဖြင့် စတင်လိုက်ပါ။ သင်၏ကိုယ်ပိုင် npm ပရောဂျက်တွင် Bootstrap တည်ဆောက်ပုံနှင့် စိတ်ကြိုက်ပြင်ဆင်နည်းကိုကြည့်ရှုရန် twbs/bootstrap-npm-starter template သိုလှောင်ရာသို့ သွား ပါ ။ Sass compiler၊ Autoprefixer၊ Stylelint၊ PurgeCSS နှင့် Bootstrap အိုင်ကွန်များ ပါဝင်သည်။

ချည်

သင်၏ Node.js ပါဝါသုံးအက်ပ်များတွင် Bootstrap ကို yarn package ဖြင့် ထည့်သွင်းပါ -

yarn add bootstrap

RubyGems

Bundler ( အကြံပြုထားသည် ) နှင့် RubyGems ကို အသုံးပြု၍ သင်၏ Ruby အက်ပ်များတွင် Bootstrap ကို ထည့်သွင်း Gemfileပါ

gem 'bootstrap', '~> 5.1.3'

တနည်းအားဖြင့် သင် Bundler ကို အသုံးမပြုပါက၊ ဤအမိန့်ကို လုပ်ဆောင်ခြင်းဖြင့် ကျောက်မျက်ကို ထည့်သွင်းနိုင်သည်။

gem install bootstrap -v 5.1.3

နောက်ထပ်အသေးစိတ်အချက်အလက်များအတွက် ကျောက်မျက်၏ README ကို ကြည့်ပါ ။

တေးရေးဆရာ

Composer ကို အသုံးပြု၍ Bootstrap ၏ Sass နှင့် JavaScript တို့ကိုလည်း ထည့်သွင်းစီမံနိုင်သည် -

composer require twbs/bootstrap:5.1.3

NuGet

အကယ်၍ သင်သည် .NET တွင် ဖွံ့ဖြိုးလာပါက၊ သင်သည် NuGet ကို အသုံးပြု၍ Bootstrap ၏ CSS သို့မဟုတ် Sass နှင့် JavaScript ကို ထည့်သွင်း၍ စီမံခန့်ခွဲနိုင်သည် ။

Install-Package bootstrap

Install-Package bootstrap.sass