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 (4222) Học thiết kế web giá rẻ
