HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

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 Panels

❮ ယခင် နောက်တစ်ခု ❯

ပြားများ

bootstrap ရှိ အကန့်တစ်ခုသည် ၎င်း၏အကြောင်းအရာပတ်လည်တွင် အကွက်အချို့ပါရှိသော ဘောင်တစ်ခုဖြစ်သည်-

အခြေခံအကန့်တစ်ခု

အကန့်များကို အတန်းအစား ဖြင့် ဖန်တီးထားပြီး အကန့ .panel်အတွင်းရှိ အကြောင်းအရာ .panel-bodyအတန်းအစား ရှိသည်-

ဥပမာ

<div class="panel panel-default">
  <div class="panel-body">A Basic Panel</div>
</div>

အက .panel-defaultန့်၏အရောင်ကို ပုံစံသတ်မှတ်ရန် အတန်းကို အသုံးပြုသည်။ နောက်ထပ်အကြောင်းအရာဆိုင်ရာ အတန်းများအတွက် ဤစာမျက်နှာရှိ နောက်ဆုံးဥပမာကို ကြည့်ပါ။

Panel Heading

Panel Heading
Panel အကြောင်းအရာ

အတန်းသည် အ .panel-headingကန့်သို့ ခေါင်းစီးတစ်ခု ထည့်သည်-

ဥပမာ

<div class="panel panel-default">
  <div class="panel-heading">Panel Heading</div>
  <div class="panel-body">Panel Content</div>
</div>

ဘောင်အောက်ခြေ

Panel အကြောင်းအရာ
ဘောင်အောက်ခြေ

အတန်းသည် အ .panel-footerကန့်သို့ အောက်ခြေမှတ်တစ်ခုကို ပေါင်းထည့်သည်-

ဥပမာ

<div class="panel panel-default">
  <div class="panel-body">Panel Content</div>
  <div class="panel-footer">Panel Footer</div>
</div>

Panel အဖွဲ့

အကန့်များစွာကို တစ်စုတစ်စည်းတည်း ပြုလုပ်ရန်၊ ၎င်းတို့အနီးတစ်ဝိုက်တွင် <div>အတန်း တစ်ခုဖြင့် ထုပ်ပိုးပါ ။ .panel-group

အတန်းသည် အ .panel-groupကန့်တစ်ခုစီ၏ အောက်ခြေအနားသတ်ကို ရှင်းလင်းသည်-

ဥပမာ

<div class="panel-group">
  <div class="panel panel-default">
    <div class="panel-body">Panel Content</div>
  </div>
  <div class="panel panel-default">
    <div class="panel-body">Panel Content</div>
  </div>
</div>

အကြောင်းအရာဆိုင်ရာ အတန်းများပါသော အကန့်များ

အကန့်ကို အရောင်ခြယ်ရန်၊ ဆက်စပ်အတန်းများ ( .panel-default, .panel-primary, .panel-success, , .panel-info, .panel-warning, သို့မဟုတ် .panel-danger):

ဥပမာ

Panel with panel-default class
Panel Content
Panel with panel-primary class
Panel Content
Panel with panel-success class
Panel Content
Panel with panel-info class
Panel Content
Panel with panel-warning class
Panel Content
Panel with panel-danger class
Panel Content

လေ့ကျင့်ခန်းများဖြင့် သင့်ကိုယ်သင် စမ်းသပ်ပါ။

လေ့ကျင့်ခန်း

"Hello World" ဟူသော စကားလုံးများဖြင့် အခြေခံ (ပုံသေ) Bootstrap Panel ကို ဖန်တီးပါ။

<div class="">
  <div class="">Hello World</div>
</div>

❮ ယခင် နောက်တစ်ခု ❯