diff options
Diffstat (limited to 'getting-started.html')
| -rw-r--r-- | getting-started.html | 44 |
1 files changed, 20 insertions, 24 deletions
diff --git a/getting-started.html b/getting-started.html index 0cc159ec7..d778e351e 100644 --- a/getting-started.html +++ b/getting-started.html @@ -11,29 +11,26 @@ base_url: "../" ================================================== --> <div class="bs-docs-section"> <div class="page-header"> - <h1 id="download">Download Bootstrap</h1> + <h1 id="download">Download</h1> </div> <p class="lead">Bootstrap has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.</p> - <h3 id="download-compiled">Compiled CSS, JS, and fonts</h3> - <p>The fastest way to get Bootstrap is to download the precompiled and minified versions of our CSS, JavaScript, and fonts. No documentation or original source code files are included.</p> - <p><a class="btn btn-lg btn-primary" href="{{ site.download_dist }}" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download compiled']);" role="button">Download Bootstrap</a></p> - - <h3 id="download-additional">Additional downloads</h3> - <div class="bs-docs-dl-options"> - <h4> - <a href="{{ site.download_source }}" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download source']);">Download source code</a> - </h4> - <p>Get the latest Bootstrap LESS and JavaScript source code by downloading it directly from GitHub.</p> - <h4> - <a href="{{ site.repo }}" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'GitHub project']);">Clone or fork via GitHub</a> - </h4> - <p>Visit us on GitHub to clone or fork the Bootstrap project.</p> - <h4> - Install with <a href="http://bower.io">Bower</a> - </h4> - <p>Install and manage Bootstrap's styles, JavaScript, and documentation using <a href="http://bower.io">Bower</a>.</p> - {% highlight bash %}$ bower install bootstrap{% endhighlight %} + <div class="row bs-downloads"> + <div class="col-sm-4"> + <h3 id="download-bootstrap">Bootstrap</h3> + <p>Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.</p> + <a href="{{ site.download_dist }}" class="btn btn-lg btn-outline" role="button" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download compiled']);">Download Bootstrap</a> + </div> + <div class="col-sm-4"> + <h3 id="download-source">Source code</h3> + <p>Source Less, JavaScript, and font files, along with our docs. <strong>Requires a Less compiler and <a href="{{ site.repo }}#compiling-css-and-javascript">some setup.</a></strong></p> + <a href="{{ site.download_source }}" class="btn btn-lg btn-outline" role="button" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download source']);">Download source</a> + </div> + <div class="col-sm-4"> + <h3 id="download-sass">Sass</h3> + <p><a href="{{ site.sass }}">Bootstrap ported from Less to Sass</a> for easy inclusion in Rails, Compass, or Sass-only projects.</p> + <a href="{{ site.download_sass }}" class="btn btn-lg btn-outline" role="button" onclick="_gaq.push(['_trackEvent', 'Getting started', 'Download', 'Download Sass']);">Download Sass</a> + </div> </div> <h3 id="download-cdn">Bootstrap CDN</h3> @@ -49,10 +46,9 @@ base_url: "../" <script src="{{ site.cdn_js }}"></script> {% endhighlight %} - <div class="bs-callout bs-callout-warning" id="callout-less-compilation"> - <h4>Compiling Bootstrap's LESS files</h4> - <p>If you work with Bootstrap's uncompiled source code, you need to compile the LESS files to produce usable CSS files. For compiling LESS files into CSS, we only officially support <a href="http://twitter.github.io/recess/">Recess</a>, which is Twitter's CSS hinter based on <a href="http://lesscss.org">less.js</a>.</p> - </div> + <h3 id="download-bower">Install with Bower</h3> + <p>Install and manage Bootstrap's Less, CSS, JavaScript, and fonts using <a href="http://bower.io">Bower</a>.</p> + {% highlight bash %}$ bower install bootstrap{% endhighlight %} </div> |