Bootstrap 4 ကျူတိုရီရယ်

BS4 ပင်မစာမျက်နှာ BS4 ကို စတင်လိုက်ပါ။ BS4 ကွန်တိန်နာများ BS4 Grid အခြေခံ BS4 စာစီစာရိုက် BS4 အရောင်များ BS4 ဇယားများ BS4 ရုပ်ပုံများ BS4 Jumbotron BS4 သတိပေးချက်များ BS4 ခလုတ်များ BS4 ခလုတ်အုပ်စုများ BS4 တံဆိပ်များ BS4 တိုးတက်မှုဘားများ BS4 Spinners BS4 Pagination BS4 စာရင်းအုပ်စုများ BS4 ကတ်များ BS4 ဆွဲချမှုများ BS4 ခေါက်သိမ်းပါ။ BS4 ရေတပ် BS4 Navbar BS4 ပုံစံများ BS4 ထည့်သွင်းမှုများ BS4 ထည့်သွင်းမှုအုပ်စုများ BS4 စိတ်ကြိုက်ပုံစံများ BS4 ချားရဟတ် BS4 Modal BS4 Tooltip BS4 Popover BS4 ဆန္ဒပြုခြင်း။ BS4 Scrollspy BS4 အသုံးအဆောင်များ BS4 Flex BS4 သင်္ကေတများ BS4 မီဒီယာအရာဝတ္ထုများ BS4 စစ်ထုတ်မှုများ

Bootstrap 4 Grid

BS4 Grid စနစ် BS4 သည် အထပ်လိုက်/အလျားလိုက် BS4 Grid XSmall BS4 Grid အသေး BS4 Grid Medium BS4 Grid အကြီး BS4 Grid XLarge BS4 Grid နမူနာများ

Bootstrap 4 အခြား

BS4 အခြေခံ Template BS4 လေ့ကျင့်ခန်းများ BS4 Quiz

Bootstrap 4 Ref

အတန်းအားလုံး JS သတိပေးချက် JS ခလုတ် JS ချားရဟတ် JS ခေါက်သိမ်းပါ။ JS Dropdown JS Modal JS Popover JS Scrollspy JS Tab JS Toasts JS Tooltip


Bootstrap 4 JS သတိပေးချက်


CSS အတန်းများကို သတိပေးသည်။

သတိပေးချက်များအကြောင်း သင်ခန်းစာအတွက်၊ ကျွန်ုပ်တို့၏ Bootstrap သတိပေးချက် ကျူတိုရီရယ် ကို ဖတ်ရှုပါ ။

Class Description Example
.alert Creates an alert message box
.alert-danger Red alert. Indicates a dangerous or potentially negative action
.alert-dark Dark alert. Dark grey alert box
.alert-dismissible Indicates a closable alert box. Together with the .close class, this class is used to close the alert (adds extra padding)
.alert-heading Adds color:inherit to the specified element
.alert-info Light-blue alert.Indicates a neutral informative change or action
.alert-light Light alert. Light grey alert box
.alert-link Used on links inside alerts to provide matching colored links
.alert-primary Blue alert. Indicates an important action
.alert-secondary Grey alert. Indicates a "less" important action
.alert-success Green alert. Indicates a successful or positive action
.alert-warning Yellow alert. Indicates caution should be taken with this action
.close Styles the close button for the alert message (floats right with a specified font-size, color, etc.)

data-* Attributes မှတစ်ဆင့် သတိပေးချက်များကို ပိတ်ပါ။

data-dismiss="alert"သတိပေးချက်စာတိုကိုပိတ်ရန် လင့်ခ်တစ်ခု သို့မဟုတ် ခလုတ်တစ်ခုသို့ ပေါင်းထည့်ပါ ။

ဥပမာ

<a href="#" class="close" data-dismiss="alert">&times;</a>

JavaScript မှတစ်ဆင့် သတိပေးချက်များကို ပိတ်ပါ။

ကိုယ်တိုင်ပိတ်ပါ-

ဥပမာ

$('.close').alert("close");

သတိပေးချက် ရွေးချယ်မှုများ

None

သတိပေးချက်နည်းလမ်းများ

အောက်ပါဇယားတွင် ရရှိနိုင်သော သတိပေးချက်နည်းလမ်းများအားလုံးကို စာရင်းပြုစုထားသည်။

Method Description Try it
.alert("close") Closes the alert message
.alert("dispose") Destroys an element's alert.

အချက်ပေးပွဲများ

အောက်ဖော်ပြပါဇယားတွင် ရနိုင်သောသတိပေးချက်ဖြစ်ရပ်များအားလုံးကို စာရင်းပြုစုထားသည်။

Event Description Try it
close.bs.alert Occurs when the alert message is about to be closed
closed.bs.alert Occurs when the alert message has been closed (will wait for CSS transitions to complete)