Bootstrap 4 သတိပေးချက်များ
Bootstrap 4 သတိပေးချက်များ
Bootstrap 4 သည် ကြိုတင်သတ်မှတ်ထားသော သတိပေးချက်မက်ဆေ့ချ်များကို ဖန်တီးရန် လွယ်ကူသောနည်းလမ်းကို ပံ့ပိုးပေးသည်-
သတိပေးချက်များကို .alert
အတန်းအစားဖြင့် ဖန်တီးထားပြီး၊ နောက်တွင် အကြောင်းအရာဆိုင်ရာ အတန်းများထဲမှ တစ်ခုဖြစ်သော .alert-success
, , .alert-info
, .alert-warning
,
.alert-danger
, .alert-primary
, .alert-secondary
, .alert-light
သို့မဟုတ် .alert-dark
:
ဥပမာ
<div class="alert alert-success">
<strong>Success!</strong> Indicates a successful or positive action.
</div>
သတိပေးချက်လင့်ခ်များ
alert-link
"ကိုက်ညီသောရောင်စုံလင့်ခ်များ" ဖန်တီးရန် သတိပေးချက်အကွက်အတွင်းရှိ မည်သည့်လင့်ခ်များသို့ အတန်းကို ထည့်ပါ -
ဥပမာ
<div class="alert alert-success">
<strong>Success!</strong> You should <a href="#" class="alert-link">read this message</a>.
</div>
ပိတ်ရန် သတိပေးချက်များ
သတိပေးချက် မက်ဆေ့ချ်ကို ပိတ်ရန်၊ .alert-dismissible
သတိပေးချက် ကွန်တိန်နာတွင် အတန်းတစ်ခုကို ထည့်ပါ။ ထို့နောက် လင့်ခ်တစ်ခု သို့မဟုတ် ခလုတ်တစ်ခုသို့ ပေါင်းထည့်ပါ class="close"
( data-dismiss="alert"
ဤအရာကို သင်နှိပ်လိုက်သည့်အခါ သတိပေးချက်အကွက် ပျောက်သွားလိမ့်မည်)။
ဥပမာ
<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>Success!</strong> Indicates a successful or positive action.
</div>
အကြံပြုချက်- × (×) သည် အက္ခရာ "x" ထက် အပိတ်ခလုတ်များအတွက် နှစ်သက်သော သင်္ကေတဖြစ်သည့် HTML အကြောင်းအရာတစ်ခုဖြစ်သည်။
HTML Entities များအားလုံး၏စာရင်းအတွက်၊ ကျွန်ုပ်တို့၏ HTML Entities Reference သို့ ဝင်ရောက်ကြည့်ရှုပါ ။
သက်ဝင်လှုပ်ရှားသတိပေးချက်များ
.fade
သတိပေးချက် မက်ဆေ့ချ်ကို ပိတ်သောအခါ အတန်းများ နှင့် အတန်း များသည် .show
မှိန်ဖျော့သောအကျိုးသက်ရောက်မှုကို ပေါင်းထည့်သည်-
ဥပမာ
<div class="alert alert-danger
alert-dismissible fade show">
Bootstrap 4 သတိပေးချက် အကိုးအကားကို အပြီးသတ်ပါ။
သတိပေးချက်ရွေးချယ်စရာများ၊ နည်းလမ်းများနှင့် ဖြစ်ရပ်များအားလုံးကို ကိုးကားရန်အတွက်၊ ကျွန်ုပ်တို့၏ Bootstrap 4 JS Alert Reference သို့ သွားပါ ။