Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

This blog is part of 1 Tute Sets.

Bootstrap Tutorial
prev 1 2 next
  • Chapter 8: Bootstrap - Glyphicons

    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 838
    Comment on it

    Hi all,

    In this post, I am going to tell you, what is Glyphicons and how to use it and its example.

     

    What is Glyphicons?

    Glyphicons are set of icon fonts style which you can use in your website.  To use the icons, simply use the following code just about anywhere in your code.

    Because It is provided by only in bootstrap so to use in other its require licensing.

    Bootstrap provide 260 icon from the Glyphicon Halflings set.

    This is very easy to use below is syntax example -

    <span class="glyphicon glyphicon-*"></span>

    Example :

    <p>
       <button type = "button" class = "btn btn-default">
          <span class = "glyphicon glyphicon-sort-by-attributes"></span>
       </button>
       
       <button type = "button" class = "btn btn-default">
          <span class = "glyphicon glyphicon-sort-by-attributes-alt"></span>
       </button>
       
       <button type = "button" class = "btn btn-default">
          <span class = "glyphicon glyphicon-sort-by-order"></span>
       </button>
       
       <button type = "button" class = "btn btn-default">
          <span class = "glyphicon glyphicon-sort-by-order-alt"></span>
       </button>
    </p>
    
    <button type = "button" class = "btn btn-default btn-lg">
       <span class = "glyphicon glyphicon-user"></span>
    </button>
    
    
    <button type ="button" class = "btn btn-default btn-xs">
       <span class = "glyphicon glyphicon-user"></span> 
       
       User
    </button>

     

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: