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 | <span class="glyphicon glyphicon-class-name"></span> |
In the below example I have created two button upload & download using glyphicon.
1 2 | <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> |
If you like FreeWebMentor and you would like to contribute, you can write an article and mail your article to [email protected] Your article will appear on the FreeWebMentor main page and help other developers.
Article Tags: Bootstrap, bootstrap glyphicon, bootstrap glyphicons, bootstrap tutorials, glyphicon bootstrap, glyphicons bootstrap, glyphicons bootstrap example, glyphicons bootstrap examples, glyphicons in bootstrap
