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

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

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

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption">A caption for the above image.</figcaption>
</figure>

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

<figure class="figure">
  <img src="..." class="figure-img img-fluid rounded" alt="...">
  <figcaption class="figure-caption text-end">A caption for the above image.</figcaption>
</figure>

ဆူး

ကိန်းရှင်များ

$figure-caption-font-size:          $small-font-size;
$figure-caption-color:              $gray-600;