<p>Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.</p>
<p>Using the google-code-prettify library, your blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.</p>
<pclass="lead">Customize and extend Bootstrap with <ahref="http://lesscss.org"target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
<pclass="lead">Customize and extend Bootstrap with <ahref="http://lesscss.org"target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.</p>
<divclass="subnav">
<divclass="subnav">
<ulclass="nav pills">
<ulclass="nav pills">
<li><ahref="./less.html#builtWith">Built with Less</a></li>
<li><ahref="./less.html#builtWith">Built with Less</a></li>
<h1>Chop Shop <small>Customize your build of Bootstrap</small></h1>
</div>
</div>
<divclass="row">
<divclass="span4">
<formclass="form-horizontal builder">
<h3>Why LESS?</h3>
<divclass="tabbable tabs-left">
<p>Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by <ahref="http://cloudhead.io">Alexis Sellier</a>. It makes developing systems-based CSS faster, easier, and more fun.</p>
<p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p>
<p>Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.</p>
<h3>Base CSS</h3>
</div>
<labelclass="checkbox"><inputtype="checkbox"value=""> Headings and body</label>
<divclass="span4">
<labelclass="checkbox"><inputtype="checkbox"value=""> Code and pre</label>
<p>Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.</p>
<p>Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.</p>
<aclass="btn large primary"href="">Next: Build and download</a>
</div>
</div><!-- /tab-pane -->
<divclass="tab-pane"id="download">
<h2>And you're set!</h2>
<pclass="lead">We've compiled your selected CSS and customized variables and have them ready to download as a tidy ZIP file. Choose from compiled or compiled and minified CSS files.</p>
<aclass="btn large primary">Download CSS</a><aclass="btn large primary">Download minified CSS</a>
<hr>
<p>Looking to customize your javascript? Head over to the <ahref="./javascript.html#overview">Javascript plugins page</a> to build your own Bootstrap JS bundle.</p>
<p>Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by <ahref="http://cloudhead.io">Alexis Sellier</a>. It makes developing systems-based CSS faster, easier, and more fun.</p>
<tr>
</div>
<td><code>@linkColor</code></td>
<divclass="span4">
<td>#08c</td>
<h3>What's included?</h3>
<td>Default link text color</td>
<p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p>
<p>Visit the official website at <ahref="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
</tr>
</div>
</tbody>
</div>
</table>
<divclass="row">
<divclass="span4">
<divclass="row">
<h3>Variables</h3>
<divclass="span6">
<p>Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.</p>
<h3>Grayscale colors</h3>
</div>
<tableclass="table table-bordered table-striped">
<divclass="span4">
<thead>
<h3>Mixins</h3>
<tr>
<p>Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.</p>
<thclass="span2">Variable</th>
</div>
<th>Value</th>
<divclass="span4">
</tr>
<h3>Operations</h3>
</thead>
<p>Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.</p>
<p>{{_i}}Using the google-code-prettify library, you're blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.{{/i}}</p>
<p>{{_i}}Using the google-code-prettify library, your blocks of code get a slightly different visual style and automatic syntax highlighting. You can also add an additional class to add line numbers.{{/i}}</p>
<preclass="prettyprint"><div>
<preclass="prettyprint"><div>
<h1>{{_i}}Heading{{/i}}</h1>
<h1>{{_i}}Heading{{/i}}</h1>
<p>{{_i}}Something right here…{{/i}}</p>
<p>{{_i}}Something right here…{{/i}}</p>
<pclass="lead">{{_i}}Customize and extend Bootstrap with <ahref="http://lesscss.org"target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.{{/i}}</p>
<pclass="lead">{{_i}}Customize and extend Bootstrap with <ahref="http://lesscss.org"target="_blank">LESS</a>, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.{{/i}}</p>
<divclass="subnav">
<divclass="subnav">
<ulclass="nav pills">
<ulclass="nav pills">
<li><ahref="./less.html#builtWith">{{_i}}Built with Less{{/i}}</a></li>
<li><ahref="./less.html#builtWith">{{_i}}Built with Less{{/i}}</a></li>
<h1>Chop Shop <small>Customize your build of Bootstrap</small></h1>
</div>
</div>
<divclass="row">
<divclass="span4">
<formclass="form-horizontal builder">
<h3>{{_i}}Why LESS?{{/i}}</h3>
<divclass="tabbable tabs-left">
<p>{{_i}}Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by <ahref="http://cloudhead.io">Alexis Sellier</a>. It makes developing systems-based CSS faster, easier, and more fun.{{/i}}</p>
<p>{{_i}}As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.{{/i}}</p>
<p>{{_i}}Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.{{/i}}</p>
<h3>Base CSS</h3>
</div>
<labelclass="checkbox"><inputtype="checkbox"value=""> Headings and body</label>
<divclass="span4">
<labelclass="checkbox"><inputtype="checkbox"value=""> Code and pre</label>
<p>{{_i}}Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.{{/i}}</p>
<p>{{_i}}Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.{{/i}}</p>
<aclass="btn large primary"href="">Next: Build and download</a>
</div>
</div><!-- /tab-pane -->
<divclass="tab-pane"id="download">
<h2>And you're set!</h2>
<pclass="lead">We've compiled your selected CSS and customized variables and have them ready to download as a tidy ZIP file. Choose from compiled or compiled and minified CSS files.</p>
<aclass="btn large primary">Download CSS</a><aclass="btn large primary">Download minified CSS</a>
<hr>
<p>Looking to customize your javascript? Head over to the <ahref="./javascript.html#overview">Javascript plugins page</a> to build your own Bootstrap JS bundle.</p>
<p>{{_i}}Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by <ahref="http://cloudhead.io">Alexis Sellier</a>. It makes developing systems-based CSS faster, easier, and more fun.{{/i}}</p>
</div>
<divclass="span4">
<h3>{{_i}}What's included?{{/i}}</h3>
<p>{{_i}}As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.{{/i}}</p>
<p>{{_i}}Visit the official website at <ahref="http://lesscss.org">http://lesscss.org</a> to learn more.{{/i}}</p>
</div>
</div>
<divclass="row">
<divclass="span4">
<h3>{{_i}}Variables{{/i}}</h3>
<p>{{_i}}Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.{{/i}}</p>
</div>
<divclass="span4">
<h3>{{_i}}Mixins{{/i}}</h3>
<p>{{_i}}Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.{{/i}}</p>
</div>
<divclass="span4">
<h3>{{_i}}Operations{{/i}}</h3>
<p>{{_i}}Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.{{/i}}</p>
