Bootstrap သတိပေးချက်များ
သတိပေးချက်များ
Bootstrap သည် ကြိုတင်သတ်မှတ်ထားသော သတိပေးချက်မက်ဆေ့ချ်များကို ဖန်တီးရန် လွယ်ကူသောနည်းလမ်းကို ပံ့ပိုးပေးသည်-
သတိပေးချက်များကို .alert
အတန်းအစားဖြင့် ဖန်တီးထားပြီး၊ နောက်တွင် အကြောင်းအရာဆိုင်ရာ အတန်းလေးခုထဲမှ တစ်ခု .alert-success
၊ သို့မဟုတ်
:.alert-info
.alert-warning
.alert-danger
ဥပမာ
<div class="alert alert-success">
<strong>Success!</strong> Indicates a successful or positive action.
</div>
<div class="alert alert-info">
<strong>Info!</strong> Indicates a neutral informative change or action.
</div>
<div class="alert alert-warning">
<strong>Warning!</strong> Indicates a warning that might need attention.
</div>
<div class="alert alert-danger">
<strong>Danger!</strong> Indicates a dangerous or potentially negative 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">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
<strong>Success!</strong> Indicates a successful or positive action.
</div>
aria-* attribute နှင့် × ရှင်းလင်းချက်
စခရင်ဖတ်စက်များကို အသုံးပြုနေသူများ အသုံးပြုရလွယ်ကူစေရန် ကူညီပေးရန်အတွက် ပိတ်ခလုတ်ကို ဖန်တီးသည့်အခါ aria-label="close" attribute ကို ထည့်သွင်းသင့်သည်။
&ကြိမ်; (×) သည် အက္ခရာ "x" ထက် အပိတ်ခလုတ်များအတွက် နှစ်သက်သော သင်္ကေတဖြစ်သည့် HTML အကြောင်းအရာတစ်ခုဖြစ်သည်။
HTML Entities များအားလုံး၏စာရင်းအတွက်၊ ကျွန်ုပ်တို့၏ HTML Entities Reference သို့ ဝင်ရောက်ကြည့်ရှုပါ ။
သက်ဝင်လှုပ်ရှားသတိပေးချက်များ
.fade
သတိပေးချက် မက်ဆေ့ချ်ကို ပိတ်သောအခါ အတန်းများ နှင့် အတန်း များသည် .in
မှိန်ဖျော့သောအကျိုးသက်ရောက်မှုကို ပေါင်းထည့်သည်-
ဥပမာ
<div class="alert alert-danger fade in">
Bootstrap သတိပေးချက် ကိုးကားချက်ကို အပြီးသတ်ပါ။
သတိပေးချက်ရွေးချယ်စရာများ၊ နည်းလမ်းများနှင့် ဖြစ်ရပ်များအားလုံးကို ကိုးကားရန်အတွက်၊ ကျွန်ုပ်တို့၏ Bootstrap JS Alert Reference သို့ သွားပါ ။