IMG-LOGO
× 01. Hướng dẫn cài đặt bootstrap + jquery - học lập trình bằng bootstrap+ Jquery 02. Học bootstrap qua ví dụ 2- Bootstrap 03. Học bootstrap qua ví dụ 3 - Bootstrap 04. Thao tác lên tags html bằng jquery - Bootstrap 05. Xử lý sự kiện trong jquery (events in jquery) - Bootstrap 06. Viết trang web quản lý sinh viên bằng jquey + bootstrap phần 1 07. Viết trang web quản lý sinh viên bằng jquey + bootstrap phần 2 08. Hướng dẫn học bootstrap qua ví dụ dự án web đồng hồ - bootstrap




Bootstrap 4 Icons

by GokiSoft.Com - 19:26 12/10/2020 4,359 Lượt Xem

Bootstrap 4 Icons

Bootstrap 4 không có thư viện biểu tượng riêng (Glyphicons của Bootstrap 3 không được hỗ trợ trong BS4). Tuy nhiên, có nhiều thư viện biểu tượng miễn phí để lựa chọn như Font Awesome hoặc Google Material Design Icons.

Để sử dụng Font Awesome icons, nhúng đoạn code sau vào trang web của bạn:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">

Sau đó, thêm tên của lớp biểu tượng cho phần tử HTML (thường là <i> hoặc <span>):

Ví dụ

<i class="fas fa-cloud"></i>
<i class="fas fa-coffee"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>

Bình luận



Đã sao chép!!!