bootstrap/docs/getting-started/options.md
Mark Otto c064eef67b Massive cleanup
- Simpler main nav on all pages
- Back to purple masthead on homepage instead of dark graphite
- Active link styles on the main nav
- Cleaned up sidebar nav
- New docs layout name
- Homepage copy edits
- Updated bright purple docs color
2015-08-14 22:45:55 -07:00

1.7 KiB

layout title group
docs Customization options getting-started

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) ...