Chỉnh Kích Thước Button Trong Html

      8

Sử dụng lớp .btn để tạo thành nút bấm và những lớp định hình nút bấm như .btn-sm, .btn-danger, chế tạo ra nhóm nút bấm cho ứng dụng web


Bạn đang xem: Chỉnh kích thước button trong html

Nút bấm .btn

Các nút bấm là yếu tố sử dụng không ít trong các thi công giao diện, đặc biệt ở những form, các hộp thoại. Trong Bootstrap tạo nên các nút bấm bằng phương pháp sử dụng lớp .btn theo sau là những lớp định dạng .btn-*. Thường thì thì sử dụng bộ phận HTML để chế tạo nút bấm, mặc dù nhiên bạn có thể sử dụng ngẫu nhiên phần tử nào như span, a, ...


Ví dụ code HTML tạo nên một nút bấm từ thành phần , trường hợp muốn rất có thể sử dụng các loại phần tử HTML khác ví như ...

Muốn đưa sang loại nút bấm nhưng không tô màu nền thì thực hiện .btn-outline-*

Primary Primary bấm vào nút bấm giúp thấy mã HTML
tạo nên nút bấm sử dụng bắt với class ban đầu là .btn theo sau định dạng cơ bản bởi các class .btn-primary .btn-secondary .btn-success .btn-danger .btn-warning .btn-info .btn-light .btn-dark .btn-link

Muốn bao gồm nút bấm béo thêm vào .btn-lg hoặc cho nên .btn-sm

Muốn nút bấm hiện thị dạng block thì tiếp tế .btn-block

Hãy nhấp chuột các nút bấm dưới đây để xem code HTML của nó


Primary Success - Block Danger - link Warning - lớn Info - bé dại Light Dark links Primary Secondary Success Danger Warning Info Light Dark

Xem thêm: Cách Chặn Và Bỏ Chặn Email Trong Outlook 2010, Cách Chặn Email Trong Outlook

Trạng thái của nút bấm

Có thể tùy chỉnh thiết lập thêm đến nút bấm trạng thái là hiệu lực bằng cách thêm .active hoặc vô hiệu bằng cách thêm .disabled (tắt hiệu ứng hover cùng hiện thị sinh sống màu vô hiệu). Lớp .active và .disanabled hay dùng với thành phần


Nhóm nút nhấn .btn-group .btn-group-vertical

Để tạo thành một team nút bấm, hiện thị lên trên một cái đơn chỉ việc tạo ra phần tử .btn-group hoặc .btn-group-verticalnó ôm lấy các bộ phận nút bấm .btn


Để điều chỉnh size nhóm, tất cả lớp .btn-group-lg .btn-group-sm. Nếu muốn nhóm các nút bố trí theo chiều ngang thì dùng đến .btn-group-vertical

Nếu có rất nhiều nhóm nút bấm, rất có thể cho chúng vào 1 phần tử .btn-toolbar để sinh sản thành thanh pháp luật cho vận dụng web, ví dụ:


*

cần sử dụng grunt tạo dự án công trình biên dịch SASS thành CSS tùy thay đổi thư viện CSS Bootstrap Ứng dụng lớp .media của Bootstrap những tiện ích CSS cơ phiên bản của Bootstrap sản xuất Layout cơ phiên bản với Bootstrap tạo thanh Navbar vào Bootstrap áp dụng badge tạo ra các nhãn lable trong Bootstrap Thanh điều hướng phân trang Pagination vào Bootstrap tạo thành breadcrumb với Bootstrap thực hiện Card chế tạo box cất nội dung vào Bootstrap tạo thanh progress với Bootstrap
hotlive |

Hi88