From 0b43bc9bb9266fa8e8d830b82ede20fb3a939acd Mon Sep 17 00:00:00 2001
From: Mark Otto <mark.otto@twitter.com>
Date: Fri, 9 Sep 2011 21:50:41 -0700
Subject: [PATCH] adding docs for customizing the grid

---
 docs/index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index f6c6d65b8e..d88e812d17 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -352,7 +352,13 @@
           </tr>
         </tbody>
       </table>
-      <p>Modifying the grid means changing these values and recompiling.</p>
+      <h3>Now to customize</h3>
+      <p>Modifying the grid means changing the three <code>@grid-*</code> variables and recompiling the Less files.</p>
+      <p>Bootstrap comes equipped to handle a grid system with up to 24 columns; the default is just 16. Here's how your grid variables would look customized to a 24-column grid.</p>
+      <pre class="prettyprint">@gridColumns:       24;
+@gridColumnWidth:   20px;
+@gridGutterWidth:   20px;</pre>
+      <p>Once recompiled, you'll be set!</p>
     </div>
   </div>
 </section>