Skip to main content

Getting started

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

Customization options

With Bootstrap 4, we’ve added a handful of global options for easily customizing all the components in your project. These options are handled by Sass variables. Simply change a variable’s value and recompile with the included Gruntfile.

Available variables

You can find and customize these variables in our _variables.scss file.

Variable Values Description
$spacer 1rem (default), or any value > 0 Specifies the default spacer value for our spacer utilities.
$enable-flex true or false (default) Swaps float and display: table styles for display: flex.
$enable-rounded true (default) or false Enables predefined border-radius styles on various components.
$enable-shadows true or false (default) Enables predefined box-shadow styles on various components.
$enable-gradients true or false (default) Enables predefined gradients via background-image various components.
$enable-transitions true (default) or false Enables predefined transitions on various components.
$enable-hover-media-query true or false (default)