Bootstrap Glyphicons
Glyphicon
Bootstrap cung cấp 260 glyphicons từ bộ Glyphicons Halflings.
Glyphicons có thể được sử dụng trong văn bản, nút, thanh công cụ, điều hướng, biểu mẫu, v.v.
Dưới đây là một số ví dụ về glyphicons:
Biểu tượng phong bì:
In glyphicon:
Tìm kiếm glyphicon:
Tải xuống glyphicon:
Cú pháp Glyphicon
Một glyphicon được chèn với cú pháp sau:
<span class="glyphicon glyphicon- name "></span>
Phần tên trong cú pháp trên phải được thay thế bằng tên riêng của glyphicon.
Ví dụ về Glyphicon
Ví dụ sau đây cho thấy các cách khác nhau để sử dụng glyphicons:
Ví dụ
<p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p>
<p>Envelope icon as a link:
<a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
</p>
<p>Search icon: <span class="glyphicon glyphicon-search"></span></p>
<p>Search icon on a button:
<button type="button" class="btn btn-default">
<span class="glyphicon glyphicon-search"></span> Search
</button>
</p>
<p>Search icon on a styled button:
<button type="button" class="btn btn-info">
<span class="glyphicon glyphicon-search"></span> Search
</button>
</p>
<p>Print icon: <span class="glyphicon glyphicon-print"></span></p>
<p>Print icon on a styled link button:
<a href="#" class="btn btn-success btn-lg">
<span class="glyphicon glyphicon-print"></span> Print
</a>
</p>
Hãy tự mình thử » Toàn bộ tài liệu tham khảo Glyphicon Bootstrap
Để có tài liệu tham khảo đầy đủ về tất cả các glyphicons, hãy truy cập Tài liệu tham khảo Glyphicon Bootstrap hoàn chỉnh của chúng tôi.