Download
Download Bootstrap to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, RubyGems, and more.
Compiled CSS and JS
Download ready-to-use compiled code for Bootstrap v5.3.0-alpha1 to easily drop into your project, which includes:
- Compiled and minified CSS bundles (see CSS files comparison)
- Compiled and minified JavaScript plugins (see JS files comparison)
This doesn’t include documentation, source files, or any optional JavaScript dependencies like Popper.
Source files
Compile Bootstrap with your own asset pipeline by downloading our source Sass, JavaScript, and documentation files. This option requires some additional tooling:
- Sass compiler for compiling Sass source files into CSS files
- Autoprefixer for CSS vendor prefixing
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.
Examples
If you want to download and examine our examples, you can grab the already built examples:
CDN via jsDelivr
Skip the download with jsDelivr to deliver cached version of Bootstrap’s compiled CSS and JS to your project.
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-e8JHeFgiGle27z5ewllKYFgoEqvn4OQkk3VLV20qdsxsHbx5TxqQrsmxhqjB/m2C" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-qHpO2kn2QE9Xin/iYI1Y4ckC7TEL1GM3MSQ7VodYuoJHtqzHWdmAYy86mhDtyWyp" 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="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-uEDB9v/ReHUIFukoWczqwdQOI9cOxtOybLzZPLiCATUaNFdoetHoIbHuqSuH2r74" crossorigin="anonymous"></script>
Package managers
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.
npm
Install Bootstrap in your Node.js powered apps with the npm package:
npm install bootstrap@5.3.0-alpha1
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 compiled using the default settings (no customization)
yarn
Install Bootstrap in your Node.js powered apps with the yarn package:
yarn add bootstrap@5.3.0-alpha1
RubyGems
Install Bootstrap in your Ruby apps using Bundler (recommended) and RubyGems by adding the following line to your Gemfile
:
gem 'bootstrap', '~> 5.3.0-alpha1'
Alternatively, if you’re not using Bundler, you can install the gem by running this command:
gem install bootstrap -v 5.3.0-alpha1
See the gem’s README for further details.
Composer
You can also install and manage Bootstrap’s Sass and JavaScript using Composer:
composer require twbs/bootstrap:5.3.0-alpha1
NuGet
If you develop in .NET Framework, you can also install and manage Bootstrap’s CSS or Sass and JavaScript using NuGet. Newer projects should use libman or another method as NuGet is designed for compiled code, not frontend assets.
Install-Package bootstrap
Install-Package bootstrap.sass