မာတိကာ
ကျွန်ုပ်တို့၏စုစည်းမှုနှင့် အရင်းအမြစ်ကုဒ်အရသာများအပါအဝင် Bootstrap တွင် ပါ၀င်သည်များကို ရှာဖွေပါ။
Bootstrap ပြုစုထားသည်။
ဒေါင်းလုဒ်လုပ်ပြီးသည်နှင့်၊ ချုံ့ထားသောဖိုင်တွဲကို ဇစ်ဖွင့်ပြီး ဤကဲ့သို့သော အရာတစ်ခုကို သင်တွေ့မြင်ရလိမ့်မည်-
bootstrap/
├── css/
│ ├── bootstrap-grid.css
│ ├── bootstrap-grid.css.map
│ ├── bootstrap-grid.min.css
│ ├── bootstrap-grid.min.css.map
│ ├── bootstrap-grid.rtl.css
│ ├── bootstrap-grid.rtl.css.map
│ ├── bootstrap-grid.rtl.min.css
│ ├── bootstrap-grid.rtl.min.css.map
│ ├── bootstrap-reboot.css
│ ├── bootstrap-reboot.css.map
│ ├── bootstrap-reboot.min.css
│ ├── bootstrap-reboot.min.css.map
│ ├── bootstrap-reboot.rtl.css
│ ├── bootstrap-reboot.rtl.css.map
│ ├── bootstrap-reboot.rtl.min.css
│ ├── bootstrap-reboot.rtl.min.css.map
│ ├── bootstrap-utilities.css
│ ├── bootstrap-utilities.css.map
│ ├── bootstrap-utilities.min.css
│ ├── bootstrap-utilities.min.css.map
│ ├── bootstrap-utilities.rtl.css
│ ├── bootstrap-utilities.rtl.css.map
│ ├── bootstrap-utilities.rtl.min.css
│ ├── bootstrap-utilities.rtl.min.css.map
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap.rtl.css
│ ├── bootstrap.rtl.css.map
│ ├── bootstrap.rtl.min.css
│ └── bootstrap.rtl.min.css.map
└── js/
├── bootstrap.bundle.js
├── bootstrap.bundle.js.map
├── bootstrap.bundle.min.js
├── bootstrap.bundle.min.js.map
├── bootstrap.esm.js
├── bootstrap.esm.js.map
├── bootstrap.esm.min.js
├── bootstrap.esm.min.js.map
├── bootstrap.js
├── bootstrap.js.map
├── bootstrap.min.js
└── bootstrap.min.js.map
ဤသည်မှာ Bootstrap ၏ အခြေခံအကျဆုံးပုံစံဖြစ်သည်- မည်သည့်ဝဘ်ပရောဂျက်နီးပါးတွင်မဆို အမြန် drop-in အသုံးပြုမှုအတွက် စုစည်းထားသောဖိုင်များ။ ကျွန်ုပ်တို့သည် စုစည်းထားသော CSS နှင့် JS ( bootstrap.*
) တို့အပြင် စုစည်းပြီး CSS နှင့် JS ( ) ကို ပြုစု bootstrap.min.*
ပေးပါသည်။ အရင်းအမြစ်မြေပုံများ ( bootstrap.*.map
) ကို အချို့သောဘရောက်ဆာများ၏ ဆော့ဖ်ဝဲရေးသားသူကိရိယာများဖြင့် အသုံးပြုနိုင်ပါသည်။ Bundled JS ဖိုင်များ ( bootstrap.bundle.js
နှင့် အသေးစိပ် bootstrap.bundle.min.js
) တွင် Popper ပါဝင်သည်။
CSS ဖိုင်များ
Bootstrap တွင် ကျွန်ုပ်တို့စုစည်းထားသော CSS အချို့ သို့မဟုတ် အားလုံးကို အပါအဝင် ရွေးချယ်စရာ လက်တစ်ဆုပ်စာ ပါဝင်သည်။
CSS ဖိုင်များ | အပြင်အဆင် | အကြောင်းအရာ | အစိတ်အပိုင်းများ | အသုံးအဆောင်များ |
---|---|---|---|---|
bootstrap.css bootstrap.min.css bootstrap.rtl.css bootstrap.rtl.min.css |
ပါဝင်ပါတယ်။ | ပါဝင်ပါတယ်။ | ပါဝင်ပါတယ်။ | ပါဝင်ပါတယ်။ |
bootstrap-grid.css bootstrap-grid.rtl.css bootstrap-grid.min.css bootstrap-grid.rtl.min.css |
ဂရစ်စနစ်သာဖြစ်သည်။ | — | — | Flex utilities များသာဖြစ်သည်။ |
bootstrap-utilities.css bootstrap-utilities.rtl.css bootstrap-utilities.min.css bootstrap-utilities.rtl.min.css |
— | — | — | ပါဝင်ပါတယ်။ |
bootstrap-reboot.css bootstrap-reboot.rtl.css bootstrap-reboot.min.css bootstrap-reboot.rtl.min.css |
— | Reboot လုပ်ရုံပါပဲ။ | — | — |
JS ဖိုင်များ
အလားတူ၊ ကျွန်ုပ်တို့တွင် စုစည်းထားသော JavaScript အချို့ သို့မဟုတ် အားလုံးကို ထည့်သွင်းရန် ရွေးချယ်ခွင့်များရှိသည်။
JS ဖိုင်များ | Popper |
---|---|
bootstrap.bundle.js bootstrap.bundle.min.js |
ပါဝင်ပါတယ်။ |
bootstrap.js bootstrap.min.js |
– |
Bootstrap အရင်းအမြစ်ကုဒ်
Bootstrap အရင်းအမြစ်ကုဒ်ကို ဒေါင်းလုဒ်ဆွဲရာတွင် အရင်းအမြစ် Sass၊ JavaScript နှင့် စာရွက်စာတမ်းများနှင့်အတူ စုစည်းထားသော CSS နှင့် JavaScript ပိုင်ဆိုင်မှုများ ပါဝင်သည်။ အထူးသဖြင့်၊ ၎င်းတွင် အောက်ပါနှင့် အခြားအရာများ ပါဝင်သည်။
bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── site/
│ └──content/
│ └── docs/
│ └── 5.2/
│ └── examples/
├── js/
└── scss/
၎င်းတို့သည် ကျွန်ုပ်တို့၏ CSS scss/
နှင့် js/
JavaScript အတွက် အရင်းအမြစ်ကုဒ်များဖြစ်သည်။ ဖိုင်တွဲတွင် အထက်ဖော်ပြပါ dist/
စုစည်းထားသော ဒေါင်းလုဒ်အပိုင်းတွင် ဖော်ပြထားသော အရာအားလုံး ပါဝင်ပါသည်။ ဖိုင်တွဲတွင် Bootstrap အသုံးပြုမှု ၏ site/content/docs/
တိုက်ရိုက်နမူနာများ အပါအဝင် ကျွန်ုပ်တို့၏ လက်ခံကျင်းပထားသော စာရွက်စာတမ်းများအတွက် အရင်းအမြစ်ကုဒ် ပါဝင်သည်။
ထို့အပြင်၊ အခြားပါဝင်သည့်ဖိုင်သည် ပက်ကေ့ဂျ်များ၊ လိုင်စင်အချက်အလက်နှင့် ဖွံ့ဖြိုးတိုးတက်မှုအတွက် ပံ့ပိုးပေးပါသည်။