Customize · Bootstrap

Toggle all

# 1. Choose components

### Scaffolding

Normalize and reset Body type and links Grid system Layouts

### Base CSS

Headings, body, etc Code and pre Labels and badges Tables Forms Buttons Icons

### Components

Button groups and dropdowns Navs, tabs, and pills Navbar Breadcrumbs Pagination Pager Thumbnails Alerts Progress bars Hero unit Media component

### JS Components

Tooltips Popovers Modals Dropdowns Collapse Carousel

### Miscellaneous

Wells Close icon Utilities Component animations

### Responsive

Visible/hidden classes Narrow tablets and below (<767px) Tablets to desktops (767-979px) Large desktops (>1200px) Responsive navbar
Toggle all

# 2. Select jQuery plugins

Transitions (required for any animation) Modals Dropdowns Scrollspy Togglable tabs Tooltips Popovers (requires Tooltips)
Affix Alert messages Buttons Collapse Carousel Typeahead

#### Heads up!

All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of jQuery to be included.

Reset to defaults

# 3. Customize variables

### Scaffolding

@bodyBackground @textColor

### Links

@linkColor @linkColorHover

### Colors

@blue @green @red @yellow @orange @pink @purple

### Sprites

@iconSpritePath @iconWhiteSpritePath

### Grid system

@gridColumns @gridColumnWidth @gridGutterWidth @gridColumnWidth1200 @gridGutterWidth1200 @gridColumnWidth768 @gridGutterWidth768

### Typography

@sansFontFamily @serifFontFamily @monoFontFamily @baseFontSize @baseFontFamily @baseLineHeight @altFontFamily @headingsFontFamily @headingsFontWeight @headingsColor @fontSizeLarge @fontSizeSmall @fontSizeMini @paddingLarge @paddingSmall @paddingMini @baseBorderRadius @borderRadiusLarge @borderRadiusSmall @heroUnitBackground @heroUnitHeadingColor @heroUnitLeadColor

### Tables

@tableBackground @tableBackgroundAccent @tableBackgroundHover @tableBorder

### Forms

@placeholderText @inputBackground @inputBorder @inputBorderRadius @inputDisabledBackground @formActionsBackground @btnPrimaryBackground @btnPrimaryBackgroundHighlight

### Form states & alerts

@warningText @warningBackground @errorText @errorBackground @successText @successBackground @infoText @infoBackground

### Navbar

@navbarHeight @navbarBackground @navbarBackgroundHighlight @navbarText @navbarBrandColor @navbarLinkColor @navbarLinkColorHover @navbarLinkColorActive @navbarLinkBackgroundHover @navbarLinkBackgroundActive @navbarSearchBackground @navbarSearchBackgroundFocus @navbarSearchBorder @navbarSearchPlaceholderColor @navbarCollapseWidth @navbarCollapseDesktopWidth

### Dropdowns

@dropdownBackground @dropdownBorder @dropdownLinkColor @dropdownLinkColorHover @dropdownLinkBackgroundHover

# 4. Download

Customize and Download

#### What's included?

Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.