<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<h3>Animate gluphicon :</h3>
<button class="btn btn-default"><i class="glyphicon glyphicon-repeat gly-spin"></i></button>
<button class="btn btn-default"><i class="glyphicon glyphicon-cog gly-spin"></i></button>
<button class="btn btn-default"><i class="glyphicon glyphicon-th-large gly-spin"></i></button>
<button class="btn btn-default"><i class="glyphicon glyphicon-refresh gly-spin"></i></button>
<h3>Rotate gluphicon :</h3>
<button class="btn btn-default"><i class="glyphicon glyphicon-leaf"></i> normal</button>
<button class="btn btn-default"><i class="glyphicon glyphicon-leaf gly-rotate-90"></i> gly-rotate-90</button>
<button class="btn btn-default"><i class="glyphicon glyphicon-leaf gly-rotate-180"></i> gly-rotate-180</button>
<button class="btn btn-default"><i class="glyphicon glyphicon-leaf gly-rotate-270"></i> gly-rotate-270</button>
<h3>Flip gluphicon :</h3>
<button class="btn btn-default"><i class="glyphicon glyphicon-leaf gly-flip-horizontal"></i> gly-flip-horizontal</button>
<button class="btn btn-default"><i class="glyphicon glyphicon-leaf gly-flip-vertical"></i> gly-flip-vertical</button>
</div>
</div>
