Bootstrap 4 biểu tượng


Bootstrap 4 biểu tượng

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ỳ phần tử HTML nội tuyến nào (như <i>hoặc <span>):

Thí 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>

Danh sách tất cả các biểu tượng Font Awesome có thể được tìm thấy tại đây: https://www.w3schools.com/icons/default.asp