ล่าสุดการพัฒนาเว็บบทเรียน
×

Bootstrap เกี่ยวกับการสอน

BS บ้าน BS เริ่ม BS กินกัน BS การเรียงพิมพ์ BS ตาราง BS ภาพ BS jumbotron BS Wells BS การแจ้งเตือน BS ปุ่ม BS กลุ่มปุ่ม BS Glyphicons BS ป้าย / ป้าย BS แถบความคืบหน้า BS การให้เลขหน้า BS Pager BS กลุ่มรายการ BS แผง BS เมนูแบบเลื่อนลง BS Collapse BS แท็บ / ยา BS Navbar BS ฟอร์ม BS Inputs BS Inputs 2 BS Input Sizing BS ม้าหมุน BS เป็นกิริยาช่วย BS เคล็ดลับ BS Popover BS Scrollspy BS ติด

Bootstrap ระบบกริด

BS ระบบกริด BS ซ้อนกัน / แนวนอน BS ตารางขนาดเล็ก BS ตารางขนาดกลาง BS ตารางขนาดใหญ่ BS ตัวอย่างตาราง

Bootstrap ธีม

BS แม่แบบ BS กระทู้ "Simply Me" BS กระทู้ "Company" BS กระทู้ "Band"

Bootstrap Exam

BS ทดสอบ

Bootstrap CSS Ref

CSS การเรียงพิมพ์ CSS ปุ่ม CSS ฟอร์ม CSS ผู้ช่วย CSS ภาพ CSS ตาราง CSS เมนูแบบเลื่อนลง CSS Navs Glyphicons

Bootstrap JS Ref

JS ติด JS เตือนภัย JS ปุ่ม JS Carousel JS Collapse JS เลื่อนลง JS Modal JS Popover JS Scrollspy JS แถบ JS เคล็ดลับ

 

Bootstrap Glyphicons


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 อ้างอิง