အဓိကအကြောင်းအရာသို့ ကျော်သွားပါ။ စာရွက်စာတမ်းလမ်းညွှန်မှုသို့ ကျော်သွားပါ။
Check
in English

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

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

ဤစာမျက်နှာတွင်

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

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

Placeholder 400x300
အထက်ပါပုံအတွက် စာတန်းတစ်ခု။
html
<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 ဖြင့် ချိန်ညှိခြင်းသည် လွယ်ကူသည် ။

Placeholder 400x300
အထက်ပါပုံအတွက် စာတန်းတစ်ခု။
html
<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;