{{ partial "icons/code.svg" (dict "width" "32" "height" "32") }}

Installation

Install Bootstrap’s source Sass and JavaScript files via npm, Composer, or Meteor.

Package managed installs don’t include documentation or our full build scripts. You can also use our npm template repo to quickly generate a Bootstrap project via npm.

Read installation docs
{{ highlight "npm install bootstrap" "sh" "" }} {{ highlight (printf ("gem install bootstrap -v %s") .Site.Params.current_ruby_version) "sh" "" }}
{{ partial "icons/cloud-fill.svg" (dict "width" "32" "height" "32") }}

BootstrapCDN

When you only need to include Bootstrap’s compiled CSS or JS, you can use BootstrapCDN.

See it in action with our simple starter template, or browse the examples to jumpstart your next project.

Explore the docs
{{ highlight (printf (` `) .Site.Params.cdn.css (.Site.Params.cdn.css_hash | safeHTMLAttr)) "html" "" }} {{ highlight (printf (` `) .Site.Params.cdn.popper (.Site.Params.cdn.popper_hash | safeHTMLAttr) .Site.Params.cdn.js (.Site.Params.cdn.js_hash | safeHTMLAttr)) "html" "" }}
{{ partial "icons/circle-square.svg" (dict "width" "32" "height" "32") }}

Bootstrap Icons

For the first time ever, Bootstrap has its own open source SVG icon library, designed to work best with our components and documentation.

Bootstrap Icons are designed to work best with Bootstrap components, but they’ll work in any project. They’re SVGs, so they scale quickly and easily, can be implemented in several ways, and can be styled with CSS.

Get Bootstrap Icons
Bootstrap Icons
{{ partial "icons/droplet-fill.svg" (dict "width" "32" "height" "32") }}

Official Themes

Take Bootstrap to the next level with premium themes from the official Bootstrap Themes marketplace.

Themes are built on Bootstrap as their own extended frameworks, rich with new components and plugins, documentation, and powerful build tools.

Browse themes
Bootstrap Icons