title: Centered icons above / over / on top of text in Navbar? (Bootstrap 3)
body: <p>I spent some time searching for a way to do this &amp; tried a couple (close) examples without success. </p>
  
  <p><strong><a href="http://jsfiddle.net/jayinthebay/gv7gouda/" rel="nofollow">Example here</a></strong></p>
  
  <p>I'm basically trying to put the little android icons centered above the "Sub#" text in the subnav. Any help would be appreciated. The area of the code is:</p>
  
  <pre><code>         &lt;span class=""&gt;
           &lt;span&gt;Sub1&lt;/span&gt;
           &lt;i class="fa fa-android fa-lg"&gt;&lt;/i&gt;
           &lt;/span&gt;
  </code></pre>