saftutorials.com
Bootstrap Glyphicons

Bootstrap has icon service it's called Glyphicons. Bootstrap has 250 over Glyphicon icons from Glyphicon. You can use Glyphicons icon in the line of text, buttons, toolbars, nav menu, forms, input elements etc.


Structure on Bootstrap Glyphicons Icon

This is most common question that How to use Bootstrap Glyphicons Icon? You can use Bootstrap Glyphicons Icon in <i>, <span>, <div>, <h1> to <h6> and more HTML tag with a class attribute. Below basic structure of Bootstrap Glyphicons Icon: The structure of Glyphicon we use with a span you can use it another HTML tag with an class attribute:

<span class="glyphicons glyphicons-heart"></span>


Different use of Bootstrap Glyphicons Icons 

In the line of the text:

Lorem ipsum dolor sit amet, <span class="glyphicons glyphicons-heart"></span> consectetur adipisicing elit.
Output:

Lorem ipsum dolor sit amet,  consectetur adipisicing elit.


With a Search Button:

<button type="button" class="btn btn-success"><span class="glyphicon glyphicon-search"></span> Search</button>

Output:



Check all Bootstrap Glyphicons List  

Find us on

Facebook Google Plus Twitter Pinterest YouTube

web statistic