git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/_includes/tests/stacked.html

   1 <span style="border: solid 1px #d3d3d3; display: inline-block; text-align: center">
   2   <span class="fa-stack">
   3     <i class="fa fa-square fa-stack-2x"></i>
   4     <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
   5   </span><br>Center
   6 </span>
   7 <hr>
   8 <p>
   9   <span class="fa-stack">
  10     <i class="fa fa-square fa-stack-2x"></i>
  11     <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
  12   </span>
  13   Twitter Icon
  14   <span class="fa-stack">
  15     <i class="fa fa-square fa-stack-2x"></i>
  16     <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
  17   </span>
  18   Facebook Icon
  19   <span class="fa-stack">
  20     <i class="fa fa-square fa-stack-2x"></i>
  21     <i class="fa fa-github fa-stack-1x fa-inverse"></i>
  22   </span>
  23   GitHub Icon
  24 </p>
  25 <p>
  26   <span class="fa-stack">
  27     <i class="fa fa-circle fa-stack-2x"></i>
  28     <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
  29   </span>
  30   Twitter Icon
  31   <span class="fa-stack">
  32     <i class="fa fa-circle fa-stack-2x"></i>
  33     <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
  34   </span>
  35   Facebook Icon
  36   <span class="fa-stack">
  37     <i class="fa fa-circle fa-stack-2x"></i>
  38     <i class="fa fa-github fa-stack-1x fa-inverse"></i>
  39   </span>
  40   GitHub Icon
  41 </p>
  42 <p>
  43   <span class="fa-stack">
  44     <i class="fa fa-circle-o fa-stack-2x"></i>
  45     <i class="fa fa-twitter fa-stack-1x"></i>
  46   </span>
  47   Twitter Icon
  48   <span class="fa-stack">
  49     <i class="fa fa-circle-o fa-stack-2x"></i>
  50     <i class="fa fa-facebook fa-stack-1x"></i>
  51   </span>
  52   Facebook Icon
  53   <span class="fa-stack">
  54     <i class="fa fa-circle-o fa-stack-2x"></i>
  55     <i class="fa fa-github fa-stack-1x"></i>
  56   </span>
  57   GitHub Icon
  58 </p>