mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-02 14:24:19 +01:00
50 lines
3.0 KiB
HTML
50 lines
3.0 KiB
HTML
<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>
|
|
<p>Compiled and minified CSS, JavaScript, and fonts. No docs or original source files are included.</p>
|
|
<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>
|
|
</p>
|
|
</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="#grunt">some setup.</a></strong></p>
|
|
<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>
|
|
</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>
|
|
</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>
|
|
<p>You can also 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 %}
|
|
|
|
<h3 id="download-autoprefixer">Autoprefixer required for Less/Sass</h3>
|
|
<p>Bootstrap uses <a href="https://github.com/postcss/autoprefixer">Autoprefixer</a> to deal with <a href="http://webdesign.about.com/od/css/a/css-vendor-prefixes.htm">CSS vendor prefixes</a>. If you're compiling Bootstrap from its Less/Sass source and not using our Gruntfile, you'll need to integrate Autoprefixer into your build process yourself. If you're using precompiled Bootstrap or using our Gruntfile, you don't need to worry about this because Autoprefixer is already integrated into our Gruntfile.</p>
|
|
</div>
|