Obtain Bootstrap to get the compiled CSS and JavaScript, supply code, or embody it along with your favourite bundle managers like npm, RubyGems, and extra.

Compiled CSS and JS

Obtain ready-to-use compiled code for Bootstrap v5.1.3 to simply drop into your venture, which incorporates:

• Compiled and minified CSS bundles (see CSS files comparison)
• Compiled and minified JavaScript plugins (see JS files comparison)

This doesn’t embody documentation, supply recordsdata, or any elective JavaScript dependencies like Popper.

Download

Supply recordsdata

Compile Bootstrap with your individual asset pipeline by downloading our supply Sass, JavaScript, and documentation recordsdata. This selection requires some further tooling:

• Sass compiler for compiling Sass supply recordsdata into CSS recordsdata
• Autoprefixer for CSS vendor prefixing

Do you have to require our full set of build tools, they’re included for growing Bootstrap and its docs, however they’re doubtless unsuitable on your personal functions.

Download source

Examples

If you wish to obtain and look at our examples, you may seize the already constructed examples:

Download Examples

CDN by way of jsDelivr

Skip the obtain with jsDelivr to ship cached model of Bootstrap’s compiled CSS and JS to your venture.

<hyperlink href="https://cdn.jsdelivr.internet/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="nameless">
<script src="https://cdn.jsdelivr.internet/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="nameless"></script>

Should you’re utilizing our compiled JavaScript and like to incorporate Popper individually, add Popper earlier than our JS, by way of a CDN ideally.

<script src="https://cdn.jsdelivr.internet/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="nameless"></script>
<script src="https://cdn.jsdelivr.internet/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="nameless"></script>

Package deal managers

Pull in Bootstrap’s supply recordsdata into almost any venture with a number of the hottest bundle managers. Irrespective of the bundle supervisor, Bootstrap will require a Sass compiler and Autoprefixer for a setup that matches our official compiled variations.

npm

Set up Bootstrap in your Node.js powered apps with the npm package:

npm set up 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’ll be able to manually load Bootstrap’s plugins individually by loading the /js/dist/*.js recordsdata below the bundle’s top-level listing.

Bootstrap’s bundle.json comprises some further metadata below the next keys:

• sass – path to Bootstrap’s fundamental Sass supply file
• model – path to Bootstrap’s non-minified CSS that’s been precompiled utilizing the default settings (no customization)

yarn

Set up Bootstrap in your Node.js powered apps with the yarn package:

yarn add bootstrap

RubyGems

Set up Bootstrap in your Ruby apps utilizing Bundler (really useful) and RubyGems by including the next line to your Gemfile:

gem 'bootstrap', '~> 5.1.3'

Alternatively, in the event you’re not utilizing Bundler, you may set up the gem by operating this command:

gem set up bootstrap -v 5.1.3

See the gem’s README for additional particulars.

Composer

It’s also possible to set up and handle Bootstrap’s Sass and JavaScript utilizing Composer:

composer require twbs/bootstrap:5.1.3

NuGet

Should you develop in .NET, you too can set up and handle Bootstrap’s CSS or Sass and JavaScript utilizing NuGet:

Set up-Package deal bootstrap

Set up-Package deal bootstrap.sass