Skip to main content

Getting started

An overview of Bootstrap, including how to download and use it, some basic templates and examples, and more.

Download

Bootstrap v4.0.0-alpha.5 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.

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.

Download Bootstrap

Source files

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, postcss-flexbugs-fixes, and some setup.

Download source

Bootstrap CDN

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

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" integrity="sha384-AysaV+vQoT3kOAXZkl02PThvDr8HYKPZhNT5h/CXfBThSRXQ6jW5DO2ekP5ViFdi" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js" integrity="sha384-BLiI7JTZm+JWlgKa0M0kGRpJbF2J8q+qreVrKBC47e3K6BW78kGLrCkeRX6I9RoK" 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, Autoprefixer, and postcss-flexbugs-fixes for a setup that matches our official compiled versions.

Heads up! Not all package managers have the v4 alpha published yet, but we should have them up shortly!

npm

Install Bootstrap in your Node powered apps with the npm package:

npm install [email protected]

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.

Bootstrap’s package.json contains some additional metadata under the following keys:

  • sass - path to Bootstrap’s main Sass source file
  • style - path to Bootstrap’s non-minified CSS that’s been precompiled using the default settings (no customization)

RubyGems

Install Bootstrap in your Ruby apps using Bundler (recommended) and RubyGems by adding the following line to your Gemfile:

gem 'bootstrap', '~> 4.0.0.alpha3'

Alternatively, if you’re not using Bundler, you can install the gem by running this command:

gem install bootstrap -v 4.0.0.alpha3

See the gem’s README for further details.

Meteor

meteor add twbs:bootstrap@=4.0.0-alpha.5

Composer

You can also install and manage Bootstrap’s Sass and JavaScript using Composer:

composer require twbs/bootstrap:4.0.0-alpha.5

Bower

Install and manage Bootstrap’s Sass and JavaScript using Bower.

bower install bootstrap#v4.0.0-alpha.5

NuGet

If you develop in .NET, you can also install and manage Bootstrap’s CSS or Sass and JavaScript using NuGet:

Install-Package bootstrap -Pre
Install-Package bootstrap.sass -Pre

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