Bootstrap 5 စကားလုံးများ ပုံ
- အစားထိုး စာရင်း BS5 အချက်အလက်
- နောက်ဆုံး စာရင်း BS5 Jumbotron
အရာများ အပုံ
အကွက် အသုံးပြု အသင်း
.rounded အကွက် အသုံးပြု အသင်း ကို
အကျိုးဆက်
<img src="flower.jpg" class="rounded" alt="Flower">
အကွက် အသုံးပြု အသင်း
.rounded-circle အကွက် အသုံးပြု အသင်း ကို
အကျိုးဆက်
<img src="flower.jpg" class="rounded-circle" alt="Cinque Terre">
အကွက် အသုံးပြု အသင်း
.img-thumbnail အကွက် အသုံးပြု အသင်း ကို
အကျိုးဆက်
<img src="flower.jpg" class="img-thumbnail" alt="Cinque Terre">
အရာများ ကို အသတ်မှတ်
အကွက် အသုံးပြု အကွက် အသုံးပြု အသင်း ကို အကွက် အသုံးပြု အသင်း ကို .float-end သို့ဖြင့် အရာများ ကို
အကျိုးဆက်
<img src="tulip.jpg" class="float-start"> <img src="tulip.jpg" class="float-end">
အရာများ ကို အကျယ်ရှားစွာ ပြသတ်တိုင်း
အရာများ ကို အကျယ်ရှားစွာ ပြသတ်တိုင်း အတွက် အရာများ ကို အသုံးပြုပြီး အရာများ ကို အကျယ်ရှားစွာ ပြသတ်တိုင်း အတွက် အရာများ ကို အသုံးပြုပြီး .mx-auto (margin:auto) နှင့် .d-block (display:block)：
အကျိုးဆက်
<img src="tulip.jpg" class="mx-auto d-block">
အရာများ ကို အသုံးပြုပြီး
အရာများ ကို အသုံးပြုပြီး
အရာများ ကို အသုံးပြုပြီး .img-fluid အကွက် အသုံးပြု အသင်း ပြင်ပ် <img> အကွက် အသုံးပြု အသင်း အချက်အလက် ကို အသုံးပြုလျက် အရာများ ကို အသုံးပြုပြီး အရာများ ကို ဖြန့်ကျက်ပြီး အဖိုးအကြောင်း အချက်အလက် ကို ချောက်ချဲ့ရန် မလိုဘဲ။
.img-fluid အကွက် အသုံးပြု အသင်း max-width: 100%; နှင့် height: auto; ：
အကျိုးဆက်
<img class="img-fluid" src="tiyugongyuan.jpg" alt="New York">
- အစားထိုး စာရင်း BS5 အချက်အလက်
- နောက်ဆုံး စာရင်း BS5 Jumbotron
