download.md 3.26 KB
Newer Older
1
2
3
4
5
6
7
---
layout: page
title: Download
---

Bootstrap is available for download via ZIP file in two flavors: precompiled CSS and Javascript, and the complete source code with documentation.

Mark Otto's avatar
Mark Otto committed
8
9
10
11
12
## Contents

* Will be replaced with the ToC, excluding the "Contents" header
{:toc}

Mark Otto's avatar
Mark Otto committed
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
## 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-primary" 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-primary" href="#">Download</a>
  </div>
  <div class="col-sm-4">
    <h3>Flexbox</h3>
    <p>All of Bootstrap, with flexbox support enabled and <strong>lower browser support</strong>.</p>
    <a class="btn btn-primary" href="#">Download</a>
  </div>
</div>
34

Mark Otto's avatar
Mark Otto committed
35
## Precompiled
36
37
38

Compiled and minified CSS and JavaScript. No docs or original source files are included.

Mark Otto's avatar
Mark Otto committed
39
<a href="{{ site.download.dist }}" class="btn btn-lg btn-outline" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download compiled');">Download Bootstrap</a>
40

Mark Otto's avatar
Mark Otto committed
41
## Download source and docs
42

Mark Otto's avatar
Mark Otto committed
43
Source Sass, JavaScript, and documentation. **Requires a Sass compiler and [some setup](../compiling).**
44

Mark Otto's avatar
Mark Otto committed
45
<a href="{{ site.download.source }}" class="btn btn-lg btn-outline" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download source');">Download source</a>
46

Mark Otto's avatar
Mark Otto committed
47
48
49
## Package managers

### Bower
50

Mark Otto's avatar
Mark Otto committed
51
You can also install and manage Bootstrap's Sass, CSS, and JavaScript using [Bower](http://bower.io).
52
53
54

{% highlight bash %}$ bower install bootstrap{% endhighlight %}

Mark Otto's avatar
Mark Otto committed
55
### npm
56
57
58
59

Bootstrap is available as [an npm package](https://www.npmjs.org/package/bootstrap). Install it into your Node powered apps with:

{% highlight bash %}$ npm install bootstrap{% endhighlight %}
Mark Otto's avatar
Mark Otto committed
60

Mark Otto's avatar
Mark Otto committed
61
`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
62

Mark Otto's avatar
Mark Otto committed
63
64
65
66
67
Bootstrap's `package.json` contains some additional metadata under the following keys:

- `less` - path to Bootstrap's main [Less](http://lesscss.org) source file
- `style` - path to Bootstrap's non-minified CSS that's been precompiled using the default settings (no customization)

Mark Otto's avatar
Mark Otto committed
68
### Meteor
Mark Otto's avatar
Mark Otto committed
69
70
71
72
73

{% highlight bash %}
$ meteor add twbs:bootstrap
{% endhighlight %}

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

Mark Otto's avatar
Mark Otto committed
76
77
You can also install and manage Bootstrap's Less, CSS, JavaScript, and fonts using [Composer](https://getcomposer.org):

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

Mark Otto's avatar
Mark Otto committed
82
## Autoprefixer required
Mark Otto's avatar
Mark Otto committed
83
84

Bootstrap uses [Autoprefixer](https://github.com/postcss/autoprefixer) to deal with [CSS vendor prefixes](http://webdesign.about.com/od/css/a/css-vendor-prefixes.htm). If you're compiling Bootstrap from its source Sass 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 as Autoprefixer is already integrated into our Gruntfile.