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