Bootstrap CSS Images အကိုးအကား
Bootstrap ပုံများ
လုံးဝန်းသောထောင့်များ
စက်ဝိုင်း-
ပုံသေး-
<img> အတန်းများ
အောက်ဖော်ပြပါ အတန်းများသည် မည်သည့်ပုံကိုမဆို စတိုင်လ်ကျစေရန် အသုံးပြုနိုင်ပါသည်။
| Class | Description | Example |
|---|---|---|
| .img-rounded | Adds rounded corners to an image (not available in IE8) | |
| .img-circle | Shapes the image to a circle (not available in IE8) | |
| .img-thumbnail | Shapes the image to a thumbnail | |
| .img-responsive | Makes an image responsive (will scale nicely to the parent element) |
တုံ့ပြန်မှုပုံရိပ်များ
တဂ် .img-responsiveသို့ အတန်း တစ်ခု ထည့်ခြင်းဖြင့် တုံ့ပြန်မှုရှိသော ပုံများကို ဖန်တီး ပါ။ <img>ထို့နောက် ပုံသည် ပင်မဒြပ်စင်သို့ ကောင်းမွန်စွာ အတိုင်းအတာဖြင့် ချိန်ညှိမည်ဖြစ်သည်။
အတန်းသည် , , နှင့် ပုံ တွင် .img-responsiveအကျုံး ဝင်သည် -max-width: 100%height: autodisplay:block
ဥပမာ
<img src="cinqueterre.jpg" class="img-responsive" alt="Cinque Terre">