aboutsummaryrefslogtreecommitdiff
path: root/docs/index.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2011-09-09 21:50:41 -0700
committerMark Otto <[email protected]>2011-09-09 21:50:41 -0700
commit0b43bc9bb9266fa8e8d830b82ede20fb3a939acd (patch)
tree9c7bb5355faeb65b924116633aaa878b242a23d0 /docs/index.html
parenta0c3d4834225a2dd9fe3f3100b44ea316137c2d9 (diff)
downloadbootstrap-0b43bc9bb9266fa8e8d830b82ede20fb3a939acd.tar.xz
bootstrap-0b43bc9bb9266fa8e8d830b82ede20fb3a939acd.zip
adding docs for customizing the grid
Diffstat (limited to 'docs/index.html')
-rw-r--r--docs/index.html8
1 files changed, 7 insertions, 1 deletions
diff --git a/docs/index.html b/docs/index.html
index f6c6d65b8..d88e812d1 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>