Jump to content

Stylesheet


Kiran suthar
 Share

Recommended Posts

  • 2 weeks later...
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  </head>

  <body>
    <div class="container">
      <h2>Glyphicon Examples</h2>
      <p>User: <span class="glyphicon glyphicon-user"></span></p>    
      <p>Login:
        <a href="#">
          <span class="glyphicon glyphicon-lock"></span>
        </a>
      </p>
      <p>Alignment :<span class="glyphicon glyphicon-align-justify"></span></p>
      <p>Search icon on a button:
        <button type="button" class="btn btn-default">
          <span class="glyphicon glyphicon-search"></span> Search
        </button>
      </p>
      <p>
        <button type="button" class="btn btn-info">
          <span class="glyphicon glyphicon-heart-empty"></span> Wishlist
        </button>
      </p>
      <p>Like <span class="glyphicon glyphicon-thumbs-up"></span></p>      
      <p>Download:
        <a href="#" class="btn btn-success btn-lg">
          <span class="glyphicon glyphicon-download"></span> Download 
        </a>
      </p> 
    </div>
    
  </body>
</html>

You can also more glyphicon icons you can following this link

https://glyphicons.bootstrapcheatsheets.com/

Link to comment
Share on other sites

  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...