Bootstrap Glyphicons ใช้งานง่ายโดยการเขียน class icon (คลาส ไอคอน) นั้นๆ สามารถดูได้ในเว็บไซต์ของ Bootstrap (บูส แตร๊ป) หรือดูได้จากรูปด้านล่างนี้ เป็นเพียงส่วนหนึ่งของ icon (ไอคอน) ทั้งหมด ดังนั้นการเรียกใช้งาน icon (ไอคอน) ของ Bootstrap (บูส แตร๊ป) จะมีตัวอย่าง code (โค้ด) ในการเรียกใช้งาน
โค้ด: เลือกทั้งหมด
<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet">
<title></title>
<style type="text/css">
i{
font-size: 30px;
}
</style>
</head>
<body>
<i class="glyphicon glyphicon-step-backward"></i>glyphicon glyphicon-step-backward
<br>
<i class="glyphicon glyphicon-floppy-save"></i>
glyphicon glyphicon-floppy-save
<br>
<i class="glyphicon glyphicon-backward"></i>
glyphicon glyphicon-backward
<br>
<i class="glyphicon glyphicon-folder-open"></i>
glyphicon glyphicon-folder-open
<br>
<i class="glyphicon glyphicon-bell"></i>
glyphicon glyphicon-bell
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>