Bootstrap 5 အကြောင်းကြား
- အရှေ့စား BS5 Jumbotron
- နောက်ပိုင်းစား BS5 ဘတ်စ်
အကြောင်းကြား
Bootstrap 5 က ပြင်ဆင်သော အချက်အလက် ဖန်တီးမှု ကို လုပ်ကိုင်ခြင်း ကို လုပ်ကိုင်ခြင်း အနှစ်တရပ် ပြုပေးသည်။
အကြောင်းကြား အတွဲ သည် .alert အတွဲ ကို အသုံးပြု၍ နောက် အသတ်မှတ် အတွဲ တစ်ခု ကို အသုံးပြု၍ ဖန်တီးထားသည်။
.alert-success.alert-info.alert-warning.alert-danger.alert-primary.alert-secondary.alert-light.alert-dark
အမှတ်အသား
<div class="alert alert-success"> <strong>အောင်မြင်ပါသည်!</strong> ဒါမှာ အောင်မြင်သို့မဟုတ် အကျိုးဆက်ဆံ သဘောတူ ဖြစ်သည်။ </div>
အကြောင်းကြား ဆက်ခံ
ထပ်ထည့်ပါ။ .alert-link အဖွဲ့စည်း ကို ထပ်ထည့်ပါ။ အသားရှိ အဆက်အသား ကို လက်ခံသည့်
အမှတ်အသား
<div class="alert alert-success"> <strong>အောင်မြင်ပါသည်!</strong> သင်သည် <a href="#" class="alert-link">ဒါကို ဖတ်ရမည်</a> ကြောင်း လို့ သတင်းပေးပါသည်။ </div>
ပိတ်သိမ်း အကြောင်းကြား
အကြောင်းကြား အချက်အလက် ပိတ်သိမ်း ရန် .alert-dismissible အဖွဲ့စည်း သို့ ထပ်ထည့်ပါ။ ပြီးနောက် class="btn-close" နှင့် data-bs-dismiss="alert" ဆက်ခံ သို့မဟုတ် ဘတ်စ် အဆက်အသား သို့ ထပ်ထည့်ပါ။ အမှုန့်ကြီး သို့မဟုတ် ကျေးဇူးကြီး ကို ပိတ်သိမ်း လာမည်
အမှတ်အသား
<div class="alert alert-success alert-dismissible"> <button type="button" class="btn-close" data-bs-dismiss="alert"></button> <strong>အောင်မြင်ပါသည်!</strong> ဒါမှာ အောင်မြင်သို့မဟုတ် အကျိုးဆက်ဆံ သဘောတူ ဖြစ်သည်။ </div>
အကြောင်းကြား အတွဲ
.fade နှင့် .show အဖွဲ့စည်း ကို ပိတ်သိမ်း သောအခါ လှည့်ပေါ် အကျွံအဝင်း သဘောတူ
အမှတ်အသား
<div class="alert alert-danger alert-dismissible fade show">
- အရှေ့စား BS5 Jumbotron
- နောက်ပိုင်းစား BS5 ဘတ်စ်
