Nút JS Bootstrap 4
Các lớp CSS của nút
Để biết hướng dẫn về Nút, hãy đọc Hướng dẫn về Nút Bootstrap của chúng tôi.
Các lớp bên dưới có thể được sử dụng để tạo kiểu cho bất kỳ phần tử <a>, <button> hoặc <input> nào:
Class | Description | Example |
---|---|---|
.btn |
Adds basic styling to any button | Try it |
.btn-block |
Makes a block-level button (spans the full width of the parent element) | Try it |
.btn-danger |
Indicates a dangerous or potentially negative action | Try it |
.btn-dark |
Dark grey button | Try it |
.btn-default |
Indicates a default/standard button | Try it |
.btn-info |
Contextual button for informational alert messages | Try it |
.btn-lg |
Makes a large button | Try it |
.btn-light |
Light grey button | Try it |
.btn-link |
Makes a button look like a link (will still have button behavior) | Try it |
.btn-outline-* |
Creates an outlined/bordered button. Use any of the contextual classes as * (btn-outline-primary, btn-outline-success, etc) | Try it |
.btn-primary |
Provides extra visual weight and identifies the primary action in a set of buttons | Try it |
.btn-sm |
Makes a small button | Try it |
.btn-success |
Indicates a successful or positive action | Try it |
.btn-secondary |
Indicates a "less" important action | Try it |
.btn-toolbar |
Combine sets of button groups into button toolbars for more complex components | Try it |
.btn-warning |
Indicates caution should be taken with this action | Try it |
.active |
Makes the button appear pressed | Try it |
.disabled |
Makes the button disabled | Try it |
Thông qua JavaScript
Kích hoạt thủ công với:
$('.btn').button();
Tùy chọn nút
None |
Phương pháp nút
Bảng sau liệt kê tất cả các phương thức nút có sẵn.
Lưu ý: Các phương thức cũng có thể được truyền qua các thuộc tính dữ liệu; nối tên phương thức vào data-, như trong chuyển đổi dữ liệu hoặc xử lý dữ liệu.
Method | Description | Try it |
---|---|---|
.button("toggle") | Makes the button look pressed | Try it |
.button("dispose") | Destroys an element's button |