Quickly modify global styling by enabling or disabling optional features.
Control the default styling of most Bootstrap elements by modifying these variables. Mostly focused on spacing.
Settings for the `<body>` element.
Style anchor elements.
Style p element.
Define the minimum dimensions at which your layout will change, adapting to different screen sizes, for use in media queries.
Define the maximum width of `.container` for different screen sizes.
Set the number of columns and specify the width of the gutters.
Define common padding and border radius sizes and more.
Font, line-height, and color for body text, headings, and more.
Customizes the `.table` component with basic values, each used across all table variations.
Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
For each of Bootstrap's buttons, define text, background, and border color.
Dropdown menu container and contents.
Warning: Avoid customizing these values. They're used for a bird's eye view of components dependent on the z-axis and are designed to all work together.
Define alert colors, border radius, and padding.
Hooray! Your custom version of Bootstrap CSS is now ready to be compiled. Just click the button below to finish the process.