0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-10 22:24:19 +01:00
Bootstrap/docs/_includes/getting-started/download.html

47 lines
2.4 KiB
HTML
Raw Normal View History

2014-03-17 03:03:53 +01:00
<div class="bs-docs-section">
<h1 id="download" class="page-header">Download</h1>
<p class="lead">Bootstrap (currently v{{ site.current_version }}) 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>
<div class="row bs-downloads">
<div class="col-sm-4">
<h3 id="download-bootstrap">Bootstrap</h3>
2014-07-08 11:40:17 +02:00
<p>Compiled and minified CSS and JavaScript. No docs or original source files are included.</p>
2014-03-17 03:03:53 +01:00
<p>
<a href="{{ site.download.dist }}" class="btn btn-lg btn-outline" role="button" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download compiled');">Download Bootstrap</a>
2014-03-17 03:03:53 +01:00
</p>
</div>
<div class="col-sm-4">
<h3 id="download-source">Source code</h3>
2014-07-08 11:40:17 +02:00
<p>Source Less, JavaScript, and documentation. <strong>Requires a Less compiler and <a href="#grunt">some setup.</a></strong></p>
2014-03-17 03:03:53 +01:00
<p>
<a href="{{ site.download.source }}" class="btn btn-lg btn-outline" role="button" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download source');">Download source</a>
2014-03-17 03:03:53 +01:00
</p>
</div>
<div class="col-sm-4">
<h3 id="download-sass">Sass</h3>
<p><a href="{{ site.sass_repo }}">Bootstrap ported from Less to Sass</a> for easy inclusion in Rails, Compass, or Sass-only projects.</p>
<p>
<a href="{{ site.download.sass }}" class="btn btn-lg btn-outline" role="button" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download Sass');">Download Sass</a>
2014-03-17 03:03:53 +01:00
</p>
</div>
</div>
<h3 id="download-cdn">Bootstrap CDN</h3>
<p>The folks over at <a href="http://www.maxcdn.com/">MaxCDN</a> graciously provide CDN support for Bootstrap's CSS and JavaScript. Just use these <a href="http://www.bootstrapcdn.com/">Bootstrap CDN</a> links.</p>
{% highlight html %}
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="{{ site.cdn.css }}">
<!-- Optional theme -->
<link rel="stylesheet" href="{{ site.cdn.css_theme }}">
<!-- Latest compiled and minified JavaScript -->
<script src="{{ site.cdn.js }}"></script>
{% endhighlight %}
<h3 id="download-bower">Install with Bower</h3>
2014-07-08 11:40:17 +02:00
<p>Install and manage Bootstrap's Less, CSS, and JavaScript using <a href="http://bower.io">Bower</a>.</p>
2014-03-17 03:03:53 +01:00
{% highlight bash %}$ bower install bootstrap{% endhighlight %}
</div>