Bootstrap 3 ကျူတိုရီရယ်

BS ပင်မစာမျက်နှာ BS ကို စတင်လိုက်ပါ။ BS Grid အခြေခံ BS စာစီစာရိုက် BS ဇယားများ BS ရုပ်ပုံများ BS Jumbotron BS ဝဲလ် BS သတိပေးချက်များ BS ခလုတ်များ BS ခလုတ်အုပ်စုများ BS Glyphicons BS တံဆိပ်များ/တံဆိပ်များ BS တိုးတက်မှုဘားများ BS Pagination BS ပေဂျာ BS စာရင်းအုပ်စုများ BS Panels များ BS Dropdowns BS ခေါက်သိမ်း BS တက်ဘ်များ/ဆေးပြားများ BS Navbar BS ပုံစံများ BS သွင်းအားစုများ BS သွင်းအားစုများ ၂ BS ထည့်သွင်းမှုအရွယ်အစား BS မီဒီယာအရာဝတ္ထုများ BS ချားရဟတ် BS Modal BS Tooltip BS Popover BS Scrollspy BS Affix BS စစ်ထုတ်မှုများ

Bootstrap Grids

BS Grid စနစ် BS Stacked/Horizontal BS Grid အသေး BS Grid Medium BS Grid အကြီး BS Grid နမူနာများ

Bootstrap အပြင်အဆင်များ

BS ပုံစံများ BS ဆောင်ပုဒ် "ရိုးရှင်းစွာ ကျွန်ုပ်" BS ဆောင်ပုဒ် "ကုမ္ပဏီ" BS Theme "Band"

Bootstrap နမူနာများ

BS နမူနာများ BS Quiz BS လေ့ကျင့်ခန်းများ BS လက်မှတ်

Bootstrap CSS Ref

CSS အတန်းအားလုံး CSS စာစီစာရိုက် CSS ခလုတ်များ CSS ပုံစံများ CSS အကူအညီပေးသူများ CSS ပုံများ CSS ဇယားများ CSS Dropdowns CSS Navs ဂလက်ဖကွန်များ

Bootstrap JS Ref

JS Affix JS သတိပေးချက် JS ခလုတ် JS ချားရဟတ် JS ခေါက်သိမ်းပါ။ JS Dropdown JS Modal JS Popover JS Scrollspy JS Tab JS Tooltip


Bootstrap ထည့်သွင်းမှုအရွယ်အစား


Forms တွင် အရွယ်အစားထည့်သွင်းပါ။

အတန်းများကဲ့သို့ .input-lgနှင့် .input-sm.

ဇယားကွက်ကော်လံ အတန်းများကဲ့သို့ .col-lg-*နှင့် .col-sm-*.


အမြင့်အရွယ်အစား

အောက်ပါနမူနာများသည် မတူညီသော အမြင့်များဖြင့် ထည့်သွင်းဖော်ပြသည်-

ဥပမာ

<form>
  <div class="form-group">
    <label for="inputsm">Small input</label>
    <input class="form-control input-sm" id="inputsm" type="text">
  </div>
   <div class="form-group">
    <label for="inputdefault">Default input</label>
    <input class="form-control" id="inputdefault" type="text">
  </div>
  <div class="form-group">
    <label for="inputlg">Large input</label>
    <input class="form-control input-lg" id="inputlg" type="text">
  </div>
</form>

ဒြပ်စင် သို့ ထည့်ခြင်းဖြင့် အလျားလိုက်ပုံစံ တစ်ခုအတွင်း အညွှန်းအရွယ်အစားနှင့် ဖောင်ထိန်းချုပ်မှုများကို လျင်မြန်စွာပြုလုပ်နိုင်သည် -.form-group-*<div class="form-group">

ဥပမာ

<div class="form-group form-group-lg">

သို့မဟုတ် အတန်းများ .input-groupနှင့်အတူ သွင်းအားစုများ နှင့် အခြားဒြပ်စင်များအားလုံးကို လျင်မြန်စွာ အရွယ်အစား ချဲ့ထွင်နိုင်သည် ။.input-group-sm.input-group-lg

ဥပမာ

<div class="input-group input-group-lg">


ကော်လံအရွယ်အစား

အောက်ဖော်ပြပါ ဥပမာများသည် မတူညီသော .col-xs-*အတန်းများကို အသုံးပြု၍ မတူညီသော အကျယ်အဝန်းများဖြင့် ထည့်သွင်းသည့်ဒြပ်စင်များကို ပြသသည်-

ဥပမာ

<div class="form-group row">
  <div class="col-xs-2">
    <label for="ex1">col-xs-2</label>
    <input class="form-control" id="ex1" type="text">
  </div>
  <div class="col-xs-3">
    <label for="ex2">col-xs-3</label>
    <input class="form-control" id="ex2" type="text">
  </div>
  <div class="col-xs-4">
    <label for="ex3">col-xs-4</label>
    <input class="form-control" id="ex3" type="text">
  </div>
</div>

အကူအညီ စာသား

.help-blockဖောင်များတွင် ဘလောက်အဆင့်အကူအညီစာသားကို ထည့်ရန် အတန်းကို သုံး ပါ-

ဥပမာ

<div class="form-group">
  <label for="pwd">Password:</label>
  <input type="password" class="form-control" id="pwd" placeholder="Enter password">
  <span class="help-block">This is some help text...</span>
</div>