download.md 4.6 KB
Newer Older
1
---
Mark Otto's avatar
Mark Otto committed
2
layout: docs
3
title: Download
Mark Otto's avatar
Mark Otto committed
4
description: Download Bootstrap's compiled CSS and JavaScript, source code, or include it with your favorite package manager.
5
group: getting-started
6
7
---

Mark Otto's avatar
Mark Otto committed
8
**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.
9

10
11
12
13
14
15
### Bootstrap CSS and JS

**Download Bootstrap's ready-to-use code to easily drop into your project.** Includes compiled and minified versions of all our CSS bundles (default, flexbox-enabled, grid only, or Reboot only) and JavaScript plugins. Doesn't include documentation or source files.

<a href="{{ site.download.dist }}" class="btn btn-lg btn-bs btn-outline" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download Bootstrap');">Download Bootstrap</a>

Mark Otto's avatar
Mark Otto committed
16
### Source files
17
**Want to compile Bootstrap with your project's asset pipeline?** Choose this option to download our 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
18
19

<a href="{{ site.download.source }}" class="btn btn-bs btn-outline" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download source');">Download source</a>
20

21
22
23
24
25
26
27
28
29
### Bootstrap CDN

Skip the download and use the Bootstrap CDN to deliver Bootstrap's compiled CSS and JS to your project.

{% highlight html %}
<link rel="stylesheet" href="{{ site.cdn.css }}" integrity="{{ site.cdn.css_hash }}" crossorigin="anonymous">
<script src="{{ site.cdn.js }}" integrity="{{ site.cdn.js_hash }}" crossorigin="anonymous"></script>
{% endhighlight %}

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

32
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
33

34
35
36
37
{% 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
38
### npm
39

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

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

Mark Otto's avatar
Mark Otto committed
46
`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
47

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

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

53
54
### RubyGems

55
Install Bootstrap in your Ruby apps using [Bundler](https://bundler.io/) (**recommended**) and [RubyGems](https://rubygems.org/) by adding the following line to your [`Gemfile`](https://bundler.io/gemfile.html):
56
57
58
59
60
61
62
63

{% 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 %}
64
gem install bootstrap -v 4.0.0.alpha3
65
66
67
68
{% 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
69
### Meteor
Mark Otto's avatar
Mark Otto committed
70
71

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

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

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

Mark Otto's avatar
Mark Otto committed
79
{% highlight bash %}
80
composer require twbs/bootstrap:{{ site.current_version }}
Mark Otto's avatar
Mark Otto committed
81
82
{% endhighlight %}

83
84
### Bower

85
Install and manage Bootstrap's Sass and JavaScript using [Bower](https://bower.io).
86
87

{% highlight bash %}
88
bower install bootstrap#v{{ site.current_version }}
89
90
{% endhighlight %}

91
92
93
94
95
### 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 %}
96
97
98
99
100
Install-Package bootstrap -Pre
{% endhighlight %}

{% highlight powershell %}
Install-Package bootstrap.sass -Pre
101
102
103
{% endhighlight %}

The `-Pre` is required until Bootstrap v4 has a stable release.