Biểu tượng Bootstrap 4
Biểu tượng Bootstrap 4
Bootstrap 4 không có thư viện biểu tượng riêng ( Glyphicons từ Bootstrap 3 không được hỗ trợ trong BS4). Tuy nhiên, có rất nhiều thư viện biểu tượng miễn phí để bạn lựa chọn, chẳng hạn như Font Awesome và Google Material Design Icons.
Để sử dụng các biểu tượng Font Awesome, hãy thêm phần sau vào trang HTML của bạn (Không cần tải xuống hoặc cài đặt):
<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 vào bất kỳ thành phần HTML nội tuyến nào (như <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>
Hãy tự mình thử »Bạn có thể tìm thấy danh sách tất cả các biểu tượng Font Awesome tại đây: https://www.example.com.vn/icons/default.asp