download.md 4.76 KB
Newer Older
1
---
Mark Otto's avatar
Mark Otto committed
2
layout: docs
3
title: Download
4
group: getting-started
5
6
---

Mark Otto's avatar
Mark Otto committed
7
**Bootstrap v{{ site.current_version}}** is available for download in several ways, including some of your favorite package managers. Choose from the options below to snag just what you need.
8

9
<div class="row m-t-2">
Mark Otto's avatar
Mark Otto committed
10
11
12
13
  <div class="col-sm-6">
{% markdown %}
### Compiled
Download just the compiled and minified CSS and JavaScript. Doesn't include any documentation or original source files.
Mark Otto's avatar
Mark Otto committed
14

15
{% comment %}
Mark Otto's avatar
Mark Otto committed
16
<a href="{{ site.download.dist }}" class="btn btn-bs btn-outline" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download compiled');">Download Bootstrap</a>
17
18
{% endcomment %}
<span class="text-muted">Coming soon!</span>
Mark Otto's avatar
Mark Otto committed
19
{% endmarkdown %}
Mark Otto's avatar
Mark Otto committed
20
  </div>
Mark Otto's avatar
Mark Otto committed
21
22
23
  <div class="col-sm-6">
{% markdown %}
### Source files
24
Download everything: source Sass, JavaScript, and documentation files. **Requires a Sass compiler, [Autoprefixer](https://github.com/postcss/autoprefixer), [postcss-flexbugs-fixes](https://github.com/luisrudge/postcss-flexbugs-fixes), and [some setup]({{ site.baseurl }}/getting-started/build-tools/#tooling-setup).**
Mark Otto's avatar
Mark Otto committed
25
26
27

<a href="{{ site.download.source }}" class="btn btn-bs btn-outline" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download source');">Download source</a>
{% endmarkdown %}
Mark Otto's avatar
Mark Otto committed
28
29
  </div>
</div>
30

Mark Otto's avatar
Mark Otto committed
31
32
## Package managers

33
Pull in Bootstrap's **source files** into nearly any project with some of the most popular package managers. No matter the package manager, Bootstrap will **require a Sass compiler, [Autoprefixer](https://github.com/postcss/autoprefixer), and [postcss-flexbugs-fixes](https://github.com/luisrudge/postcss-flexbugs-fixes)** for a setup that matches our official compiled versions.
Mark Otto's avatar
Mark Otto committed
34

35
36
37
38
{% callout warning %}
**Heads up!** Not all package managers have the v4 alpha published yet, but we should have them up shortly!
{% endcallout %}

Mark Otto's avatar
Mark Otto committed
39
### npm
40

Mark Otto's avatar
Mark Otto committed
41
Install Bootstrap in your Node powered apps with [the npm package](https://www.npmjs.org/package/bootstrap):
42

43
44
45
{% highlight bash %}
$ npm install bootstrap@{{ site.current_version }}
{% endhighlight %}
Mark Otto's avatar
Mark Otto committed
46

Mark Otto's avatar
Mark Otto committed
47
`require('bootstrap')` will load all of Bootstrap's jQuery plugins onto the jQuery object. The `bootstrap` module itself does not export anything. You can manually load Bootstrap's jQuery plugins individually by loading the `/js/*.js` files under the package's top-level directory.
Mark Otto's avatar
Mark Otto committed
48

Mark Otto's avatar
Mark Otto committed
49
50
Bootstrap's `package.json` contains some additional metadata under the following keys:

XhmikosR's avatar
XhmikosR committed
51
- `sass` - path to Bootstrap's main [Sass](http://sass-lang.com/) source file
Mark Otto's avatar
Mark Otto committed
52
53
- `style` - path to Bootstrap's non-minified CSS that's been precompiled using the default settings (no customization)

54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
### RubyGems

Install Bootstrap in your Ruby apps using [Bundler](http://bundler.io/) (**recommended**) and [RubyGems](https://rubygems.org/) by adding the following line to your [`Gemfile`](http://bundler.io/gemfile.html):

{% highlight ruby %}
gem 'bootstrap', '~> 4.0.0.alpha3'
{% endhighlight %}

Alternatively, if you're not using Bundler, you can install the gem by running this command:

{% highlight bash %}
$ gem install bootstrap -v 4.0.0.alpha3
{% endhighlight %}

[See the gem's README](https://github.com/twbs/bootstrap-rubygem/blob/master/README.md) for further details.

Mark Otto's avatar
Mark Otto committed
70
### Meteor
Mark Otto's avatar
Mark Otto committed
71
72

{% highlight bash %}
73
$ meteor add twbs:bootstrap@={{ site.current_version }}
Mark Otto's avatar
Mark Otto committed
74
75
{% endhighlight %}

Mark Otto's avatar
Mark Otto committed
76
### Composer
Mark Otto's avatar
Mark Otto committed
77

Mark Otto's avatar
Mark Otto committed
78
You can also install and manage Bootstrap's Sass and JavaScript using [Composer](https://getcomposer.org):
Mark Otto's avatar
Mark Otto committed
79

Mark Otto's avatar
Mark Otto committed
80
81
82
83
{% highlight bash %}
$ composer require twbs/bootstrap
{% endhighlight %}

84
85
86
87
88
89
90
91
### Bower

Install and manage Bootstrap's Sass and JavaScript using [Bower](http://bower.io).

{% highlight bash %}
$ bower install bootstrap#v{{ site.current_version }}
{% endhighlight %}

92
93
94
95
96
97
98
99
100
101
### NuGet

If you develop in .NET, you can also install and manage Bootstrap's [CSS](https://www.nuget.org/packages/bootstrap/) or [Sass](https://www.nuget.org/packages/bootstrap.sass/) and JavaScript using [NuGet](https://www.nuget.org):

{% highlight powershell %}
PM> Install-Package bootstrap -Pre
PM> Install-Package bootstrap.sass -Pre
{% endhighlight %}

The `-Pre` is required until Bootstrap v4 has a stable release.
Mark Otto's avatar
Mark Otto committed
102

Mark Otto's avatar
Mark Otto committed
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
## Custom builds

Need only a part of Bootstrap's CSS or JS? Use one of the custom builds to snag just what you need.

<div class="row">
  <div class="col-sm-4">
    <h3>Reboot</h3>
    <p>Includes variables/mixins, Normalize, and Reboot. No JavaScript.</p>
    <a class="btn btn-bs btn-outline" href="#">Download</a>
  </div>
  <div class="col-sm-4">
    <h3>Grid only</h3>
    <p>Includes variables/mixins and our grid system. No JavaScript.</p>
    <a class="btn btn-bs btn-outline" href="#">Download</a>
  </div>
  <div class="col-sm-4">
    <h3>Flexbox</h3>
    <p>All of Bootstrap with flexbox enabled and <strong>lower browser support</strong>.</p>
    <a class="btn btn-bs btn-outline" href="#">Download</a>
  </div>
</div>
124