အဓိကအကြောင်းအရာသို့ ကျော်သွားပါ။
Bootstrap 4 ၏အသစ်ထွက်ဗားရှင်းတစ်ခုရှိသည်။

ဥပမာများ

မူဘောင်၏ အစိတ်အပိုင်းများကို အသုံးပြုခြင်းမှ စိတ်ကြိုက်အစိတ်အပိုင်းများနှင့် အပြင်အဆင်များအထိ ကျွန်ုပ်တို့၏ နမူနာများထဲမှ ပရောဂျက်တစ်ခုကို အမြန်ရယူလိုက်ပါ။

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

စိတ်ကြိုက်အစိတ်အပိုင်းများ

လူများကို Bootstrap ဖြင့် လျင်မြန်စွာစတင်နိုင်ရန်နှင့် framework တွင်ထည့်သွင်းခြင်းအတွက် အကောင်းဆုံးအလေ့အကျင့်များကို သရုပ်ပြရန် အစိတ်အပိုင်းအသစ်များနှင့် ပုံစံပလိတ်များ အသစ်စက်စက်များ။

အယ်လ်ဘမ်စခရင်ရှော့
အခွေ

ဓာတ်ပုံပြခန်းများ၊ အစုစုများနှင့် အခြားအရာများအတွက် ရိုးရှင်းသော တစ်မျက်နှာပုံစံ နမူနာ။

စျေးနှုန်း screenshot
ဈေးနှုန်း

ဥပမာ စျေးနှုန်းစာမျက်နှာကို ကတ်များဖြင့် တည်ဆောက်ထားပြီး စိတ်ကြိုက် ခေါင်းစီးနှင့် အောက်ခြေနား ပါရှိသည်။

ဖန်သားပြင်ဓာတ်ပုံကို ငွေရှင်းပါ။
ထွက်ခွာသည်

ကျွန်ုပ်တို့၏ ဖောင်အစိတ်အပိုင်းများနှင့် ၎င်းတို့၏ အတည်ပြုခြင်းအင်္ဂါရပ်များကို ပြသသည့် စိတ်ကြိုက်ငွေပေးချေမှုပုံစံ။

ထုတ်ကုန်စခရင်ရှော့
ထုတ်ကုန်

ကျယ်ပြန့်သောဇယားကွက်နှင့် ရုပ်ပုံလုပ်ငန်းပါရှိသော ထုတ်ကုန်ကို အဓိကထား စျေးကွက်ရှာဖွေရေး စာမျက်နှာ။

အဖုံးစခရင်ရှော့
ကာဗာ

ရိုးရှင်းပြီး လှပသော ပင်မစာမျက်နှာများကို တည်ဆောက်ရန်အတွက် တစ်မျက်နှာပါ နမူနာပုံစံ။

အဝိုင်းလေး ဖန်သားပြင်ဓာတ်ပုံ
ဝိုင်းလေး

navbar နှင့် အဝိုင်းလေးကို စိတ်ကြိုက်လုပ်ပါ၊ ထို့နောက် အစိတ်အပိုင်းအသစ်အချို့ကို ထည့်ပါ။

ဘလော့ဂ် စခရင်ရှော့
ဘလော့

ခေါင်းစီး၊ လမ်းညွှန်မှု၊ အထူးအသားပေး အကြောင်းအရာပါရှိသော ဘလော့ပုံစံ နမူနာကဲ့သို့ မဂ္ဂဇင်း။

ဒက်ရှ်ဘုတ် စခရင်ရှော့
ဒိုင်ခွက်

ပုံသေဘေးဘားနှင့် navbar ပါရှိသော အခြေခံ စီမံခန့်ခွဲသူ ဒက်ရှ်ဘုတ်ခွံ။

လက်မှတ်ထိုးဝင်ရန် ဖန်သားပြင်ဓာတ်ပုံ
ဆိုင်းအင်လုပ်ခြင်း

ရိုးရှင်းသော ဆိုင်းဘုတ်ပုံစံအတွက် စိတ်ကြိုက်ပုံစံ အပြင်အဆင်နှင့် ဒီဇိုင်း။

စေးကပ်နေသော အောက်ခြေစခရင်ပုံ
ကပ်နေသော အောက်ခြေမှတ်စု

စာမျက်နှာအကြောင်းအရာ တိုနေသောအခါတွင် အောက်ခြေမှတ်စုကို မြင်ကွင်းပို့တ်၏အောက်ခြေတွင် ပူးတွဲပါ။

Sticky footer navbar စခရင်ရှော့
ကပ်စေးနဲသော အောက်ခြေမှတ်စု navbar

ပုံသေ ထိပ်တန်း navbar ဖြင့် viewport ၏အောက်ခြေတွင် အောက်ခြေကို ပူးတွဲပါ။

မူဘောင်

Bootstrap မှ ပံ့ပိုးပေးထားသော Built-in အစိတ်အပိုင်းများကို အသုံးပြုမှုအပေါ် အာရုံစိုက်သည့် ဥပမာများ။

စတင်သူ နမူနာပုံစံ ဖန်သားပြင်ဓာတ်ပုံ
စတင်သူ နမူနာပုံစံ

အခြေခံမှလွဲ၍ ဘာမှမဟုတ်ပါ- CSS နှင့် JavaScript ကို စုစည်းထားသည်။

ဂရစ်စခရင်ပုံ
ဂရစ်

အလွှာလေးခု၊ nesting နှင့် အခြားအရာများပါရှိသော ဇယားကွက်အပြင်အဆင် နမူနာများစွာ။

Jumbotron ဖန်သားပြင်ဓာတ်ပုံ
Jumbotron

jumbotron ကို navbar နှင့် အခြေခံ ဂရစ်ကော်လံအချို့ဖြင့် တည်ဆောက်ပါ။

ပုံသေ navbar အစိတ်အပိုင်းကိုယူပြီး ၎င်းကို မည်သို့ရွှေ့နိုင်သည်၊ နေရာချရန်နှင့် တိုးချဲ့နိုင်ကြောင်း ပြသခြင်း။

Navbars ဖန်သားပြင်ဓာတ်ပုံ
Navbar များ

navbar အတွက် တုံ့ပြန်မှု နှင့် ကွန်တိန်နာ ရွေးချယ်မှု အားလုံးကို သရုပ်ပြခြင်း။

Navbar ငြိမ်စခရင်ရှော့
Navbar ငြိမ်

နောက်ထပ်အကြောင်းအရာအချို့နှင့်အတူ static top navbar ၏ single navbar ဥပမာ။

Navbar ပုံသေဖန်သားပြင်ဓာတ်ပုံ
Navbar ကို ပြင်ဆင်ထားသည်။

ထပ်လောင်းအကြောင်းအရာအချို့နှင့်အတူ ပုံသေထိပ်တန်း navbar တစ်ခုနှင့်အတူ navbar နမူနာတစ်ခု။

Navbar အောက်ခြေစခရင်ရှော့
Navbar အောက်ခြေ

နောက်ထပ်အကြောင်းအရာအချို့နှင့်အတူ အောက်ခြေ navbar တစ်ခုပါသော တစ်ခုတည်းသော navbar ဥပမာ။

စမ်းသပ်မှုများ

အနာဂတ်အတွက် အဆင်ပြေသော အင်္ဂါရပ်များ သို့မဟုတ် နည်းပညာများကို အာရုံစိုက်သော ဥပမာများ။

ရေပေါ်တံဆိပ်များ ဖန်သားပြင်ဓာတ်ပုံ
ရေပေါ်တံဆိပ်များ

သင့်ထည့်သွင်းမှုများအပေါ်တွင် ရေပေါ်အညွှန်းများဖြင့် လှပသောရိုးရှင်းသောပုံစံများ။

Offcanvas ဖန်သားပြင်ဓာတ်ပုံ
ကင်းဗတ်

သင်၏ ချဲ့ထွင်နိုင်သော navbar ကို လျှောပိတ်ကာဗာမီနူးအဖြစ် ပြောင်းပါ။