Bootstrap Glyphicon
Bootstrap includes a collection of glyphs from the Glyphicon Halflings set.These are graphical component and free of cost with Bootstrap.
Example
Bootstrap includes a collection of glyphs from the Glyphicon Halflings set.These are graphical component and free of cost with Bootstrap.
Example
<!DOCTYPE
html>
<html
lang="en">
<head>
<meta
charset="utf-8">
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script
src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<meta
name="viewport"
content="width
= device-width, initial-scale = 1">
<body>
<p>Email:
<span
class="glyphicon
glyphicon-envelope"></span></p>
<p>Enter
your search term: <span
class="glyphicon
glyphicon-search"></span></p>
<p>Rate
this site: <span
class="glyphicon
glyphicon-star-empty"></span></p>
<p>Move
it to Dustbin: <span
class="glyphicon
glyphicon-trash"></span></p>
<p>Go
to home: <span
class="glyphicon
glyphicon-home"></span></p>
<p>Open
file : <span
class="glyphicon
glyphicon-file"></span></p>
<p>Align
Left : <span
class="glyphicon
glyphicon-left"></span></p>
<p>Align
Right : <span
class="glyphicon
glyphicon-right"></span></p>
<p>Align
Center : <span
class="glyphicon
glyphicon-center"></span></p>
</body>
</html>
Email:
Enter your search term:
Rate this site:
Move it to Dustbin:
Go to home:
Open file :
Align Left :
Align Right :
Align Center :
Enter your search term:
Rate this site:
Move it to Dustbin:
Go to home:
Open file :
Align Left :
Align Right :
Align Center :
No comments:
Post a Comment