ကွန်တိန်နာ၏အကျယ်ကိုပြင်ပြီး ပထမဇယားကွက်စနစ်အဆင့်ကိုအသုံးပြုခြင်းဖြင့် Bootstrap ၏တုံ့ပြန်မှုကိုပိတ်ပါ။ နောက်ထပ်အချက်အလက်များအတွက် စာရွက်စာတမ်းကိုဖတ်ပါ ။
<meta name="viewport" content="width=device-width, initial-scale=1">
မိုဘိုင်းကိရိယာများရှိ ဝဘ်ဆိုက်များ၏ ချဲ့ထွင်ခြင်းသဏ္ဌာန်ကို ပိတ်ပစ်သည့် ချို့တဲ့မှုကို သတိပြုပါ ။ ထို့အပြင်၊ ကျွန်ုပ်တို့သည် ကျွန်ုပ်တို့၏ ကွန်တိန်နာ၏ အကျယ်ကို ပြန်လည်သတ်မှတ်ပြီး ပြိုကျခြင်းမှ ကာကွယ်ရန် navbar ကို ပြောင်းလဲလိုက်ပြီး အခြေခံအားဖြင့် ကောင်းမွန်ပါသည်။
ကြိုပြောထားသည့်အတိုင်း၊ navbar အစိတ်အပိုင်းသည် ၎င်းကိုပြသသည့်စတိုင်များသည် အလွန်တိကျပြီး အသေးစိတ်သောကြောင့် ဤနေရာတွင် ရှုပ်ထွေးလှသည်။ ဒက်စတော့ပုံစံများ ပြသမှုကဲ့သို့ စွမ်းဆောင်ရည် သို့မဟုတ် ပြောင်လက်နေမည်မဟုတ်ကြောင်း သေချာစေရန် အစားထိုးခြင်းများ ပြုလုပ်ပါ။ navbar ကိုအသုံးပြုသည့်အခါ ဤဥပမာ၏ထိပ်တွင် သင်တည်ဆောက်ထားသကဲ့သို့ ဖြစ်နိုင်ချေရှိသော gotchas ရှိနိုင်သည်ကို သတိပြုပါ။
တုံ့ပြန်မှုမရှိသော အပြင်အဆင်များသည် ပုံသေဒြပ်စင်များအတွက် အဓိကအားနည်းချက်ကို မီးမောင်းထိုးပြသည်။ ပုံသေ navbar ကဲ့သို့သော ပုံသေသတ်မှတ်ထားသော မည်သည့်အစိတ်အပိုင်းမဆို၊ မြင်ကွင်းပို့တ်သည် စာမျက်နှာအကြောင်းအရာထက် ကျဉ်းသွားသောအခါ လှိမ့်နိုင်မည်မဟုတ်ပါ။ တစ်နည်းဆိုရသော်၊ တုံ့ပြန်မှုမဟုတ်သော container width သည် 970px နှင့် 800px ၏ viewport ကိုပေး၍ သင်သည် အကြောင်းအရာ 170px ကို ဖျောက်ထားနိုင်မည်ဖြစ်သည်။
၎င်းသည် မူရင်းဘရောက်ဆာအပြုအမူဖြစ်သောကြောင့် ၎င်းကိုဖြေရှင်းရန်နည်းလမ်းမရှိပါ။ တစ်ခုတည်းသောဖြေရှင်းချက်မှာ တုံ့ပြန်မှုပုံစံတစ်ခု သို့မဟုတ် ပုံသေမဟုတ်သောဒြပ်စင်ကိုအသုံးပြုခြင်းဖြစ်သည်။