You are on page 1of 1

From http://v4-alpha.getbootstrap.

com/getting-started/options/

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 Specifies the default spacer value for our
value > 0 spacer utilities.

$enable-flex true or false(default) Swaps float and display: table styles


fordisplay: flex.
$enable-rounded true (default) orfalse Enables predefined border-radius styles on
various components.

$enable-shadows true or false(default) Enables predefined box-shadow styles on


various components.
$enable- true or false(default) Enables predefined gradients
gradients via background-imagevarious components.

$enable- true (default) orfalse Enables predefined transitions on various


transitions components.
$enable-hover- true or false(default) …
media-query

You might also like