Tất cả bài viết | Bootstrap
Cách tạo nút tròn bằng Bootstrap Buttons
Trong bài học thiết kế web này các Bạn sẽ được học Cách tạo nút tròn bằng Bootstrap Buttons
Bước 1: Tạo cấu trúc HTML
Bước 2: Định dạng CSS
.btn-circle { width: 49px; height: 49px; text-align: center; padding: 5px 0; font-size: 20px; line-height: 2.00; border-radius: 30px; } .btn-circle-sm { width: 35px; height: 35px; text-align: center; padding: 2px 0; font-size: 20px; line-height: 1.65; border-radius: 30px; } .btn-circle-lg { width: 79px; height: 79px; text-align: center; padding: 13px 0; font-size: 30px; line-height: 2.00; border-radius: 70px; }
Bước 3: Gọi thư viện Bootstrap và Font awesome
Bước 4: Gọi thư viện JQUERY
Bootstrap Xem (3891) Học thiết kế web giá rẻ