By: Prem Tiwari | Last Updated: | In: Bootstrap
This is a quick tutorial which will help you to know how to use bootstrap glyphicons in your bootstrap based web applications. I have also added the bootstrap glyphicons example so that you can directly copy the icon class and use that in your applications.
Below is the list of bootstrap glyphicons examples. In the below example includes more than 250 glyphs. Glyphs icons are just like a symbol which demonstrates the graphical identities of an entity.
Click on the above demo link to lists of all bootstrap glyphicons. Copy the class and use in your bootstrap based applications.
Below is the example to use glyphicon in your code.
|
1 2 3 |
<span class="glyphicon glyphicon-class-name"></span> |
In the below example I have created two button upload & download using glyphicon.
|
1 2 3 4 |
<button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-circle-arrow-up"></span> Upload</button> <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-circle-arrow-down"></span> Download</button> |
Prem Tiwari is the founder of FreeWebMentor.com and also a professional developer who has vast experience in PHP and open source technologies. Apart from this, he is a blogger by hobby and also he has been a regular speaker of WordPress sessions in various IT Companies. View all posts by Prem Tiwari
Bootstrap, bootstrap glyphicon, bootstrap glyphicons, bootstrap tutorials, glyphicon bootstrap, glyphicons bootstrap, glyphicons bootstrap example, glyphicons bootstrap examples, glyphicons in bootstrap
