layout: docs title: Download description: Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more. group: getting-started
Download ready-to-use compiled code for Bootstrap v{{< param current_version >}} to easily drop into your project, which includes:
This doesn't include documentation, source files, or any optional JavaScript dependencies like Popper.
}}" class="btn btn-bd-primary" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download Bootstrap');">Download
Compile Bootstrap with your own asset pipeline by downloading our source Sass, JavaScript, and documentation files. This option requires some additional tooling:
Should you require our full set of build tools, they are included for developing Bootstrap and its docs, but they're likely unsuitable for your own purposes.
}}" class="btn btn-bd-primary" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download source');">Download source
If you want to download and examine our examples, you can grab the already built examples:
}}" class="btn btn-bd-primary" onclick="ga('send', 'event', 'Getting started', 'Download', 'Download Examples');">Download Examples
Skip the download with jsDelivr to deliver cached version of Bootstrap's compiled CSS and JS to your project.
<link href="{{< param "cdn.css" >}}" rel="stylesheet" integrity="{{< param "cdn.css_hash" >}}" crossorigin="anonymous">
<script src="{{< param "cdn.js_bundle" >}}" integrity="{{< param "cdn.js_bundle_hash" >}}" crossorigin="anonymous"></script>
If you're using our compiled JavaScript and prefer to include Popper separately, add Popper before our JS, via a CDN preferably.
<script src="{{< param "cdn.popper" >}}" integrity="{{< param "cdn.popper_hash" >}}" crossorigin="anonymous"></script>
<script src="{{< param "cdn.js" >}}" integrity="{{< param "cdn.js_hash" >}}" crossorigin="anonymous"></script>
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 and Autoprefixer for a setup that matches our official compiled versions.
Install Bootstrap in your Node.js powered apps with the npm package:
npm install bootstrap
const bootstrap = require('bootstrap')
or import bootstrap from 'bootstrap'
will load all of Bootstrap's plugins onto a bootstrap
object.
The bootstrap
module itself exports all of our plugins. You can manually load Bootstrap's plugins individually by loading the /js/dist/*.js
files under the package's top-level directory.
Bootstrap's package.json
contains some additional metadata under the following keys:
sass
- path to Bootstrap's main Sass source filestyle
- path to Bootstrap's non-minified CSS that's been precompiled using the default settings (no customization){{< callout info >}} {{< partial "callout-info-npm-starter.md" >}} {{< /callout >}}
Install Bootstrap in your Node.js powered apps with the yarn package:
yarn add bootstrap
Install Bootstrap in your Ruby apps using Bundler (recommended) and RubyGems by adding the following line to your Gemfile
:
gem 'bootstrap', '~> {{< param current_ruby_version >}}'
Alternatively, if you're not using Bundler, you can install the gem by running this command:
gem install bootstrap -v {{< param current_ruby_version >}}
See the gem's README for further details.
You can also install and manage Bootstrap's Sass and JavaScript using Composer:
composer require twbs/bootstrap:{{< param current_version >}}
If you develop in .NET, you can also install and manage Bootstrap's CSS or Sass and JavaScript using NuGet:
Install-Package bootstrap
Install-Package bootstrap.sass