diff options
| author | Mark Otto <[email protected]> | 2012-01-24 14:25:30 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-01-24 14:25:30 -0800 |
| commit | fecd4ddd135a893f2c5c103d565e9d1ab110d247 (patch) | |
| tree | fd41558fcebdb505299368e6fc140db35aa33b80 /docs/index.html | |
| parent | 3f54db9c6ac0126b071a1874cd2f5c0379a4f393 (diff) | |
| download | bootstrap-fecd4ddd135a893f2c5c103d565e9d1ab110d247.tar.xz bootstrap-fecd4ddd135a893f2c5c103d565e9d1ab110d247.zip | |
docs updates to make the getting started section more responsive, updated the benefits to be clearer and swap x for checkmark
Diffstat (limited to 'docs/index.html')
| -rw-r--r-- | docs/index.html | 68 |
1 files changed, 34 insertions, 34 deletions
diff --git a/docs/index.html b/docs/index.html index 1743676b6..25e76cb54 100644 --- a/docs/index.html +++ b/docs/index.html @@ -74,13 +74,13 @@ <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> Support for IE7 and up</li> + <li><span>✔</span> Custom jQuery plugins</li> + <li><span>✔</span> Dozens of components</li> </ul> </div> </div> @@ -217,33 +217,33 @@ ================================================== --> <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> + <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 |
