Bootstrap Glyphicons
Glyphicons
Bootstrap มี 260 glyphicons จากชุดGlyphicons Halflings
Glyphicons สามารถใช้ในข้อความ ปุ่ม แถบเครื่องมือ การนำทาง แบบฟอร์ม ฯลฯ
นี่คือตัวอย่างบางส่วนของสัญลักษณ์แสดงแทน:
สัญลักษณ์ของซองจดหมาย:
พิมพ์สัญลักษณ์:
ค้นหาสัญลักษณ์:
ดาวน์โหลดสัญลักษณ์:
ไวยากรณ์ Glyphicon
glyphicon ถูกแทรกด้วยไวยากรณ์ต่อไปนี้:
<span class="glyphicon glyphicon-name"></span>
ส่วนชื่อในไวยากรณ์ด้านบนต้องถูกแทนที่ด้วยชื่อที่ถูกต้องของสัญลักษณ์
ตัวอย่าง Glyphicon
ตัวอย่างต่อไปนี้แสดงวิธีต่างๆ ในการใช้สัญลักษณ์แสดงแทน:
ตัวอย่าง
<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>
อ้างอิง Bootstrap Glyphicon ที่สมบูรณ์
สำหรับการอ้างอิงทั้งหมดของ glyphicons ไปที่ Bootstrap Glyphicon Reference ฉบับ สมบูรณ์ ของเรา