Bootstrap Glyphicons
Glyphicons
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ề glyphicon:
Envelope glyphicon:
In glyphicon:
Tìm kiếm glyphicon:
Tải xuống glyphicon:
Cú pháp glyphicon
Một glyphicon được chèn theo 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 glyphicon:
Thí 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>
Tham khảo đầy đủ Bootstrap Glyphicon
Để có tài liệu tham khảo đầy đủ về tất cả các glyphicon, hãy truy cập Tài liệu tham khảo đầy đủ về Bootstrap Glyphicon của chúng tôi .