git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/_includes/examples/rotated-flipped.html

   1 <section id="rotated-flipped">
   2   <h2 class="page-header">Rotated &amp; Flipped</h2>
   3   <div class="row">
   4     <div class="span3">
   5       A set of classes that can be used to arbitrarily rotate and flip icons.
   6     </div>
   7     <div class="span9">
   8       <div class="well well-large well-transparent lead">
   9         <i class="icon-shield"></i>&nbsp; normal<br>
  10         <i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
  11         <i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
  12         <i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
  13         <i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
  14         <i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
  15       </div>
  16 {% highlight html %}
  17 <i class="icon-shield"></i>&nbsp; normal<br>
  18 <i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
  19 <i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
  20 <i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
  21 <i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
  22 <i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
  23 {% endhighlight %}
  24       <p class="alert alert-info">
  25         <i class="icon-info-sign"></i> Rotating and flipping icons aren't yet supported in IE7.
  26       </p>
  27     </div>
  28   </div>
  29 </section>