---
title: "Bootstrap Glyph icons"  
description: "In this article, I’m explaining about Bootstrap Glyph icons."  
author: "Anonymous User"  
published: 2014-08-19  
updated: 2020-02-23  
canonical: https://www.mindstick.com/articles/1464/bootstrap-glyph-icons  
category: "bootstrap"  
tags: ["bootstrap"]  
reading_time: 1 minute  

---

# Bootstrap Glyph icons

In this article, I’m explaining about Bootstrap Glyph icons\

Firstly install Bootstrap package from Manage NuGet Packages in your project.

After installing Bootstrap package use these three files in [your project](https://www.mindstick.com/Articles/322/toolstrip-control-in-vb-dot-net)

```
<link href="~/Content/bootstrap.min.css" rel="stylesheet" /><script src="~/Scripts/jquery-1.9.1.min.js"></script><script src="~/Scripts/bootstrap.min.js"></script>
```

How to Use Glyph icons:-

All glyph icons require a base class and separate icon class here is a lot of icons class

these icons class are meaning full. Be sure to leave a space between the icon and

text.

##### Example

```
<div class="container" style="width: 50%;">    <div class="well">        <div class="row">            <div class="col-md-4">                <label>First Name</label>            </div>            <div class="col-md-8">                <input type="text" />            </div>        </div>        <br />        <div class="row">            <div class="col-md-4">                <label>Last Name</label>            </div>            <div class="col-md-8">                <input type="text" />            </div>        </div>        <br />        <div class="row">            <div class="col-md-4">                <label>Email ID</label>            </div>            <div class="col-md-8">                <input type="text" />            </div>        </div>        <br />        <div class="row">            <div class="col-md-4">                <label>Country</label>            </div>            <div class="col-md-8">                <select>                    <option>India</option>                    <option>USA</option>                    <option>South Africa</option>                </select>            </div>        </div>        <br />        <div class="row">            <div class="col-md-offset-4 col-md-8 text-right">                <button type="button" class="btn btn-success">                    <span class="glyphicon glyphicon-saved"></span>Save                </button>                <button type="button" class="btn btn-danger">                    <span class="glyphicon glyphicon-trash"></span>Delete                </button>                <button type="button" class="btn btn-primary">                    <span class="glyphicon glyphicon-remove-sign"></span>Clear                </button>            </div>        </div>    </div></div>
```

Here is glyph icons base class [glyphicon and seprate](https://www.mindstick.com/Articles/935/introduction-to-open-new-browser-window-using-c-sharp-dot-net) icon class glyphicon-

saved. whole syntax for make glyph icons <span class="glyphicon glyphicon-

remove-sign"></span>.

##### Output

![Bootstrap Glyph icons](http://www.mindstick.com/MindStickArticle/9bdeb32d-eed2-4ea4-84de-cd383047d664/Images/image001.png)

If you want to full implementation of bootstrap components click here

---

Original Source: https://www.mindstick.com/articles/1464/bootstrap-glyph-icons

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.