minor doc updates

docs/index.html

@@ -718,7 +718,7 @@
   <p>Many examples re-used from the Twitter Bootstrap documentation.</p>
   <div class="row">
     <div class="span4">
-      <div class="well">
+      <div class="well well-transparent">
         <p>Use Font Awesome icons in:</p>
         <ul class="icons">
           <li><i class="icon-ok"></i>Bulleted lists (like this one)</li>
@@ -801,7 +801,7 @@
     <div class="span4">
       <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
       Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
-      Or spinning icons for loading and refreshing content. Or fun big icons in buttons. Lots of new possibilities.
+      Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. Lots of new possibilities.
     </div>
     <div class="span4">
       <div class="well well-large well-transparent lead">
@@ -818,8 +818,10 @@
 
 <h3 class="page-header">Example HTML</h3>
 <div class="row">
+  <div class="span12">
+    <h4>Inline Icons</h4>
+  </div>
   <div class="span3">
-    <h4>Inline Icon</h4>
     <p>Place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag.</p>
   </div>
   <div class="span9">
@@ -835,8 +837,10 @@
   </div>
 </div>
 <div class="row">
-  <div class="span3">
+  <div class="span12">
     <h4>Larger Icons</h4>
+  </div>
+  <div class="span3">
     <p>
       To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>,
       <code>icon-3x</code>, or <code>icon-4x</code>.
@@ -868,8 +872,10 @@
   </div>
 </div>
 <div class="row">
-  <div class="span3">
+  <div class="span12">
     <h4>Animated Spinner</h4>
+  </div>
+  <div class="span3">
     <p>
       Use the <code>icon-spin</code> class to get any icon to rotate. Works best with <code>icon-spinner</code> and
       <code>icon-refresh</code>.
@@ -893,8 +899,10 @@
   </div>
 </div>
 <div class="row">
-  <div class="span3">
+  <div class="span12">
     <h4>Bordered & Pulled Icons</h4>
+  </div>
+  <div class="span3">
     <p>
       Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
       article graphics.
@@ -904,8 +912,8 @@
     <div class="well well-large well-transparent">
       <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
       Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
-      Or spinning icons for loading and refreshing content. Or fun big icons in buttons. You can combine all of them
+      Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
-      in any combination to get lots of new possibilities.
+      of them in any combination to get lots of new possibilities.
     </div>
 <pre class="prettyprint linenums">
 &lt;i class=&quot;icon-quote-left icon-4x pull-left icon-muted&quot;&gt;&lt;/i&gt;
@@ -914,8 +922,8 @@ Use a few of the new styles together ... lots of new possibilities.
     <div class="well well-large well-transparent">
       <i class="icon-camera-retro icon-4x pull-left icon-border"></i>
       Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
-      Or spinning icons for loading and refreshing content. Or fun big icons in buttons. You can combine all of them
+      Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
-      in any combination to get lots of new possibilities.
+      of them in any combination to get lots of new possibilities.
     </div>
 <pre class="prettyprint linenums">
 &lt;i class=&quot;icon-flag icon-4x pull-left icon-border&quot;&gt;&lt;/i&gt;
@@ -924,8 +932,10 @@ Use a few of the new styles together ... lots of new possibilities.
   </div>
 </div>
 <div class="row">
-  <div class="span3">
+  <div class="span12">
     <h4>Buttons</h4>
+  </div>
+  <div class="span3">
     <p>
       <a class="btn" href="#">
         <i class="icon-repeat"></i> Reload</a>
@@ -978,15 +988,17 @@ Use a few of the new styles together ... lots of new possibilities.
   </div>
 </div>
 <div class="row">
-  <div class="span3">
+  <div class="span12">
     <h4>Button groups</h4>
+  </div>
+  <div class="span3">
     <p>
-    <div class="btn-group">
+      <div class="btn-group">
-      <a class="btn" href="#"><i class="icon-align-left"></i></a>
+        <a class="btn" href="#"><i class="icon-align-left"></i></a>
-      <a class="btn" href="#"><i class="icon-align-center"></i></a>
+        <a class="btn" href="#"><i class="icon-align-center"></i></a>
-      <a class="btn" href="#"><i class="icon-align-right"></i></a>
+        <a class="btn" href="#"><i class="icon-align-right"></i></a>
-      <a class="btn" href="#"><i class="icon-align-justify"></i></a>
+        <a class="btn" href="#"><i class="icon-align-justify"></i></a>
-    </div>
+      </div>
     </p>
   </div>
   <div class="span9">
@@ -1001,8 +1013,10 @@ Use a few of the new styles together ... lots of new possibilities.
   </div>
 </div>
 <div class="row">
-  <div class="span3">
+  <div class="span12">
     <h4>Button dropdowns</h4>
+  </div>
+  <div class="span3">
     <p>
     <div class="btn-group open">
       <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
@@ -1036,8 +1050,10 @@ Use a few of the new styles together ... lots of new possibilities.
   </div>
 </div>
 <div class="row">
-  <div class="span3">
+  <div class="span12">
     <h4>Lists</h4>
+  </div>
+  <div class="span3">
     <p>
     <ul class="icons">
       <li><i class="icon-ok"></i> Lists</li>
@@ -1062,8 +1078,10 @@ Use a few of the new styles together ... lots of new possibilities.
   </div>
 </div>
 <div class="row">
-  <div class="span3">
+  <div class="span12">
     <h4>Navigation</h4>
+  </div>
+  <div class="span3">
     <div class="well" style="padding: 8px 0;">
       <ul class="nav nav-list">
         <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
@@ -1086,8 +1104,10 @@ Use a few of the new styles together ... lots of new possibilities.
   </div>
 </div>
 <div class="row">
-  <div class="span3">
+  <div class="span12">
     <h4>Prepended form inputs</h4>
+  </div>
+  <div class="span3">
     <p>
     <form>
       <div class="input-prepend">
@@ -1117,8 +1137,10 @@ Use a few of the new styles together ... lots of new possibilities.
   </div>
 </div>
 <div class="row">
-  <div class="span3">
+  <div class="span12">
     <h4>Custom CSS</h4>
+  </div>
+  <div class="span3">
     <p>Anything you can do with CSS font styles, you can do with Font Awesome.</p>
   </div>
   <div class="span9">