Customize and download

Customize Bootstrap's Sass variables to get your very own version.

Currently v4.1.1

Sass variables

Customize Sass variables to define colors, sizes and more inside your custom CSS stylesheets.

Color system

Options

Quickly modify global styling by enabling or disabling optional features.

Spacing

Control the default styling of most Bootstrap elements by modifying these variables. Mostly focused on spacing.

Body

Settings for the `<body>` element.

Links

Style anchor elements.

Paragraphs

Style p element.

Grid breakpoints

Define the minimum dimensions at which your layout will change, adapting to different screen sizes, for use in media queries.

Grid containers

Define the maximum width of `.container` for different screen sizes.

Grid columns

Set the number of columns and specify the width of the gutters.

Components

Define common padding and border radius sizes and more.

Fonts

Font, line-height, and color for body text, headings, and more.

Tables

Customizes the `.table` component with basic values, each used across all table variations.

Buttons + Forms

Shared variables that are reassigned to `$input-` and `$btn-` specific variables.

Buttons

For each of Bootstrap's buttons, define text, background, and border color.

Forms

Form validation

Dropdowns

Dropdown menu container and contents.

Z-index master list

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.

Navs

Navbar

Pagination

Jumbotron

Cards

Tooltips

Popovers

Badges

Modals

Alerts

Define alert colors, border radius, and padding.

Progress bars

List group

Image thumbnails

Figures

Breadcrumbs

Carousel

Close

Code

Printing

Download

Hooray! Your custom version of Bootstrap CSS is now ready to be compiled. Just click the button below to finish the process.




© Copyright 2017 John Avis. All rights reserved

This website is not affiliated with or endorsed by Bootstrap or its creators.