<div class="benefits">
<h4>Feature highlights</h4>
<ul>
- <li><span>×</span> Built on LESS</li>
- <li><span>×</span> Complete styleguide docs</li>
- <li><span>×</span> Fully responsive design</li>
- <li><span>×</span> Small footprint (7kb gzipped)</li>
- <li><span>×</span> Support for IE7 and up</li>
- <li><span>×</span> Custom jQuery plugins</li>
- <li><span>×</span> Dozens of components</li>
+ <li><span>✔</span> Built on LESS</li>
+ <li><span>✔</span> Complete style guide docs</li>
+ <li><span>✔</span> Fully responsive design</li>
- <li><span>✔</span> Small CSS footprint (10kb gzipped)</li>
++ <li><span>✔</span> Small footprint (10kb gzipped)</li>
+ <li><span>✔</span> Support for IE7 and up</li>
+ <li><span>✔</span> Custom jQuery plugins</li>
+ <li><span>✔</span> Dozens of components</li>
</ul>
</div>
</div>
================================================== -->
<h1>Get started in no time.</h1>
<p class="marketing-byline">Quickly start using Bootstrap within your workflow and development process.</p>
-
- <table class="table table-bordered getting-started">
- <tbody>
- <tr>
- <td class="quick-start">
- <h3>Hotlink the CSS</h3>
- <p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
- <form>
- <textarea class="copy-code" rows="1"><link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.min.css"></textarea>
- </form>
- </td>
- <td class="quick-start">
- <h3>Use it with LESS</h3>
- <p>A fan of using LESS? No problem, just clone the repo and add these lines:</p>
- <form>
- <textarea class="copy-code" rows="2"><link rel="stylesheet/less" href="/path/to/bootstrap.less">
- <script src="/path/to/less.js"></script></textarea>
- </form>
- </td>
- <td class="quick-start">
- <h3>Fork on GitHub</h3>
- <p>Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.</p>
- <p><a target="_blank" href="https://github.com/twitter/bootstrap" class="btn primary">Bootstrap on GitHub »</a></p>
- <p class="current-version">Currently <a href="https://github.com/twitter/bootstrap/wiki/Changelog">v2.0.0</a></p>
- </td>
- </tr>
- </tbody>
- </table>
+ <div class="getting-started">
+ <div class="row">
+ <div class="span4">
+ <h3>Hotlink the CSS</h3>
+ <p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
+ <form>
+ <textarea class="copy-code" rows="1"><link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.min.css"></textarea>
+ </form>
+ </div>
+ <div class="span4">
- <h3>Use it with LESS.js</h3>
++ <h3>Use it with LESS</h3>
+ <p>A fan of using LESS? No problem, just download the repo and add these lines to your page:</p>
+ <form>
+ <textarea class="copy-code" rows="2"><link rel="stylesheet/less" href="/path/to/bootstrap.less">
+ <script src="/path/to/less.js"></script></textarea>
+ </form>
+ </div>
+ <div class="span4">
+ <h3>Fork on GitHub</h3>
+ <p>Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.</p>
+ <p><a target="_blank" href="https://github.com/twitter/bootstrap" class="btn primary">Bootstrap on GitHub »</a></p>
+ <p class="current-version">Currently <a href="https://github.com/twitter/bootstrap/wiki/Changelog">v2.0.0</a></p>
+ </div>
+ </div><!-- /row -->
+ </div><!-- /getting-started -->
+
</div><!-- /.marketing -->
</div><!-- /#overview -->
<!-- Footer
</p>
<div class="benefits">
- <h4>Feature highlights</h4>
+ <h4>{{_i}}Feature highlights{{/i}}</h4>
<ul>
- <li><span>✔</span> Built on LESS</li>
- <li><span>✔</span> Complete style guide docs</li>
- <li><span>✔</span> Fully responsive design</li>
- <li><span>✔</span> Small CSS footprint (10kb gzipped)</li>
- <li><span>✔</span> Support for IE7 and up</li>
- <li><span>✔</span> Custom jQuery plugins</li>
- <li><span>✔</span> Dozens of components</li>
- <li>{{_i}}<span>×</span> Built on LESS{{/i}}</li>
- <li>{{_i}}<span>×</span> Complete styleguide docs{{/i}}</li>
- <li>{{_i}}<span>×</span> Fully responsive design{{/i}}</li>
- <li>{{_i}}<span>×</span> Small footprint (7kb gzipped){{/i}}</li>
- <li>{{_i}}<span>×</span> Support for IE7 and up{{/i}}</li>
- <li>{{_i}}<span>×</span> Custom jQuery plugins{{/i}}</li>
- <li>{{_i}}<span>×</span> Dozens of components{{/i}}</li>
++ <li>{{_i}}<span>✔</span> Built on LESS{{/i}}</li>
++ <li>{{_i}}<span>✔</span> Complete style guide docs{{/i}}</li>
++ <li>{{_i}}<span>✔</span> Fully responsive design{{/i}}</li>
++ <li>{{_i}}<span>✔</span> Small footprint (10kb gzipped){{/i}}</li>
++ <li>{{_i}}<span>✔</span> Support for IE7 and up{{/i}}</li>
++ <li>{{_i}}<span>✔</span> Custom jQuery plugins{{/i}}</li>
++ <li>{{_i}}<span>✔</span> Dozens of components{{/i}}</li>
</ul>
</div>
</div>
<!-- Quickstart options
================================================== -->
- <h1>Get started in no time.</h1>
- <p class="marketing-byline">Quickly start using Bootstrap within your workflow and development process.</p>
-
+ <h1>{{_i}}Get started in no time.{{/i}}</h1>
+ <p class="marketing-byline">{{_i}}Quickly start using Bootstrap within your workflow and development process.{{/i}}</p>
- <table class="table table-bordered getting-started">
- <tbody>
- <tr>
- <td class="quick-start">
- <h3>{{_i}}Hotlink the CSS{{/i}}</h3>
- <p>{{_i}}For the quickest and easiest start, just copy this snippet into your webpage.{{/i}}</p>
- <form>
- <textarea class="copy-code" rows="1"><link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.min.css"></textarea>
- </form>
- </td>
- <td class="quick-start">
- <h3>{{_i}}Use it with LESS{{/i}}</h3>
- <p>{{_i}}A fan of using LESS? No problem, just clone the repo and add these lines:{{/i}}</p>
- <form>
- <textarea class="copy-code" rows="2"><link rel="stylesheet/less" href="/path/to/bootstrap.less">
- <script src="/path/to/less.js"></script></textarea>
- </form>
- </td>
- <td class="quick-start">
- <h3>{{_i}}Fork on GitHub{{/i}}</h3>
- <p>{{_i}}Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.{{/i}}</p>
- <p><a target="_blank" href="https://github.com/twitter/bootstrap" class="btn primary">{{_i}}Bootstrap on GitHub »{{/i}}</a></p>
- <p class="current-version">Currently <a href="https://github.com/twitter/bootstrap/wiki/Changelog">v2.0.0</a></p>
- </td>
- </tr>
- </tbody>
- </table>
+ <div class="getting-started">
+ <div class="row">
+ <div class="span4">
- <h3>Hotlink the CSS</h3>
- <p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
++ <h3>{{_i}}Hotlink the CSS{{/i}}</h3>
++ <p>{{_i}}For the quickest and easiest start, just copy this snippet into your webpage.{{/i}}</p>
+ <form>
+ <textarea class="copy-code" rows="1"><link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.min.css"></textarea>
+ </form>
+ </div>
+ <div class="span4">
- <h3>Use it with LESS.js</h3>
- <p>A fan of using LESS? No problem, just download the repo and add these lines to your page:</p>
++ <h3>{{_i}}Use it with LESS{{/i}}</h3>
++ <p>{{_i}}A fan of using LESS? No problem, just download the repo and add these lines to your page:{{/i}}</p>
+ <form>
+ <textarea class="copy-code" rows="2"><link rel="stylesheet/less" href="/path/to/bootstrap.less">
+ <script src="/path/to/less.js"></script></textarea>
+ </form>
+ </div>
+ <div class="span4">
- <h3>Fork on GitHub</h3>
- <p>Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.</p>
- <p><a target="_blank" href="https://github.com/twitter/bootstrap" class="btn primary">Bootstrap on GitHub »</a></p>
- <p class="current-version">Currently <a href="https://github.com/twitter/bootstrap/wiki/Changelog">v2.0.0</a></p>
++ <h3>{{_i}}Fork on GitHub{{/i}}</h3>
++ <p>{{_i}}Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.{{/i}}</p>
++ <p><a target="_blank" href="https://github.com/twitter/bootstrap" class="btn primary">{{_i}}Bootstrap on GitHub »{{/i}}</a></p>
++ <p class="current-version">{{_i}}Currently{{/i}} <a href="https://github.com/twitter/bootstrap/wiki/Changelog">v2.0.0</a></p>
+ </div>
+ </div><!-- /row -->
+ </div><!-- /getting-started -->
+
</div><!-- /.marketing -->
</div><!-- /#overview -->