Bootstrap 4 JS ခလုတ်
CSS Classes ကို နှိပ်ပါ။
Buttons အကြောင်း သင်ခန်းစာအတွက်၊ ကျွန်ုပ်တို့၏ Bootstrap Buttons Tutorial ကို ဖတ်ရှုပါ ။
အောက်ဖော်ပြပါ အတန်းများသည် <a>၊ <button>၊ သို့မဟုတ် <input> element တစ်ခုခုကို ပုံစံဆင်ရန် အသုံးပြုနိုင်သည်။
Class | Description | Example |
---|---|---|
.btn |
Adds basic styling to any button | |
.btn-block |
Makes a block-level button (spans the full width of the parent element) | |
.btn-danger |
Indicates a dangerous or potentially negative action | |
.btn-dark |
Dark grey button | |
.btn-default |
Indicates a default/standard button | |
.btn-info |
Contextual button for informational alert messages | |
.btn-lg |
Makes a large button | |
.btn-light |
Light grey button | |
.btn-link |
Makes a button look like a link (will still have button behavior) | |
.btn-outline-* |
Creates an outlined/bordered button. Use any of the contextual classes as * (btn-outline-primary, btn-outline-success, etc) | |
.btn-primary |
Provides extra visual weight and identifies the primary action in a set of buttons | |
.btn-sm |
Makes a small button | |
.btn-success |
Indicates a successful or positive action | |
.btn-secondary |
Indicates a "less" important action | |
.btn-toolbar |
Combine sets of button groups into button toolbars for more complex components | |
.btn-warning |
Indicates caution should be taken with this action | |
.active |
Makes the button appear pressed | |
.disabled |
Makes the button disabled |
JavaScript မှတဆင့်
ကိုယ်တိုင်ဖွင့်ပါ-
$('.btn').button();
ခလုတ်ရွေးချယ်မှုများ
None |
ခလုတ်နည်းလမ်းများ
အောက်ပါဇယားတွင် ရနိုင်သောခလုတ်နည်းလမ်းများအားလုံးကို စာရင်းပြုစုထားသည်။
မှတ်ချက်- နည်းလမ်းများကို data attribute များမှတစ်ဆင့်လည်း ဖြတ်သန်းနိုင်သည်။ data-toggle သို့မဟုတ် data-dispose တွင်ကဲ့သို့ method name ကို data- တွင်ထည့်ပါ။
Method | Description | Try it |
---|---|---|
.button("toggle") | Makes the button look pressed | |
.button("dispose") | Destroys an element's button |