<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head><!--from ww w .ja v a 2 s. com-->
<body>
<div class="container">
<h2>Fullscreen Glyph</h2>
<p>Fullscreen icon: <span class="glyphicon glyphicon-fullscreen"></span></p>
<p>Fullscreen icon as a link:
<a href="#">
<span class="glyphicon glyphicon-fullscreen"></span>
</a>
</p>
<p>Fullscreen icon on a button:
<button type="button" class="btn btn-default btn-sm">
<span class="glyphicon glyphicon-fullscreen"></span>
</button>
</p>
<p>Fullscreen icon on a styled link button:
<a href="#" class="btn btn-info btn-lg">
<span class="glyphicon glyphicon-fullscreen"></span> Fullscreen
</a>
</p>
<p>Unicode:
<span class="glyphicon">&amp;#xe140;</span>
</p>
</div>
</body>
</html>