Source

ကိန်းဂဏန်းများ

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

စိတ်ကြိုက်စာတန်းပါသော ပုံတစ်ပုံကဲ့သို့ အကြောင်းအရာတစ်ပိုင်းကို ပြသရန် လိုအပ်သည့်အခါတိုင်း၊ တစ်ခုအသုံးပြုရန် စဉ်းစားပါ <figure>

HTML5 နှင့် ဒြပ်စင် များအတွက် အခြေခံပုံစံများကို ပေးဆောင်ရန် ပါဝင်သော နှင့် အတန်း .figureများကို အသုံးပြုပါ။ ကိန်းဂဏာန်းများရှိ ပုံများသည် တိကျပြတ်သားသော အရွယ်အစားမရှိသောကြောင့် ၎င်းကို တုံ့ပြန်မှုဖြစ်စေရန်အတွက် သင့်အတန်းထဲသို့ အတန်းကို ထည့်ရန်သေချာပါစေ။.figure-img.figure-caption<figure><figcaption>.img-fluid<img>

400x300
အထက်ပါပုံအတွက် စာတန်းတစ်ခု။
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

ပုံ၏စာတန်းကို ကျွန်ုပ်တို့၏ text utilities ဖြင့် ချိန်ညှိခြင်းသည် လွယ်ကူသည် ။

400x300
အထက်ပါပုံအတွက် စာတန်းတစ်ခု။
<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
  <figcaption class="figure-caption text-right">A caption for the above image.</figcaption>
</figure>