in English

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

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

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

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

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

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

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

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

တည်ဆောက်ရေးကိရိယာများ လိုအပ်ပါက ၎င်းတို့ကို Bootstrap နှင့် ၎င်း၏ စာရွက်စာတမ်းများ ပြုစုပျိုးထောင်ရန်အတွက် ပါ၀င်သော်လည်း ၎င်းတို့သည် သင့်ကိုယ်ပိုင်ရည်ရွယ်ချက်များအတွက် မသင့်လျော်ပေ။

အရင်းအမြစ်ကို ဒေါင်းလုဒ်လုပ်ပါ။

ဥပမာများ

ကျွန်ုပ်တို့၏ နမူနာ များကို ဒေါင်းလုဒ်လုပ်ပြီး ဆန်းစစ်လိုပါက ၊ တည်ဆောက်ပြီးသား ဥပမာများကို သင်ဖမ်းယူနိုင်သည်-

နမူနာများကို ဒေါင်းလုဒ်လုပ်ပါ။

jsDelivr

သင့်ပရောဂျက်သို့ Bootstrap ၏စုစည်းထားသော CSS နှင့် JS ၏ ​​cached ဗားရှင်းကိုပေးပို့ရန် jsDelivr ဖြင့် ဒေါင်းလုဒ်ကို ကျော် ပါ။

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

အကယ်၍ သင်သည် ကျွန်ုပ်တို့၏ စုစည်းထားသော JavaScript ကိုအသုံးပြုပြီး Popper.js သီးခြားစီထည့်သွင်းလိုပါက၊ CDN မှတစ်ဆင့် ကျွန်ုပ်တို့၏ JS မတိုင်မီ Popper.js ကို ပေါင်းထည့်ပါ။

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>

အထုပ်မန်နေဂျာများ

လူကြိုက်အများဆုံး ပက်ကေ့ဂျ်မန်နေဂျာအချို့နှင့်အတူ Bootstrap ၏ အရင်းအမြစ်ဖိုင်များကို မည်သည့်ပရောဂျက်နီးပါးတွင်မဆို ထည့်သွင်းပါ။ ပက် ကေ့ဂျ်မန်နေဂျာ မည်သို့ပင်ဖြစ်စေ၊ Bootstrap သည် ကျွန်ုပ်တို့၏ တရားဝင်စုစည်းထားသောဗားရှင်းများနှင့်ကိုက်ညီသော စနစ်ထည့်သွင်းမှုအတွက် Sass compiler နှင့် 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 package ဖြင့် ထည့်သွင်းပါ -

yarn add bootstrap

RubyGems

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

gem 'bootstrap', '~> 4.5.3'

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

gem install bootstrap -v 4.5.3

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

တေးရေးဆရာ

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

composer require twbs/bootstrap:4.5.3

NuGet

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

Install-Package bootstrap
Install-Package bootstrap.sass