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

@body-background @text-color

### Links

@link-color @link-color-hover

### Grid system

@grid-columns @grid-column-width @grid-gutter-width @grid-column-width-1200 @grid-gutter-width-1200 @grid-column-width-768 @grid-gutter-width-768

### Typography

@font-family-sans-serif @font-family-serif @font-family-monospace @font-size-base @font-family-base @line-height-base @headings-font-family @headings-font-weight @headingsColor @font-size-large @font-size-small @font-size-mini @padding-large @padding-small @padding-mini @border-radius-base @border-radius-large @border-radius-small @hero-background @hero-heading-color @hero-lead-color

### Tables

@table-background @table-background-accent @table-background-hover @table-border

### Forms

@input-color-placeholder @input-background @input-border @input-border-radius @input-background-disabled @form-actions-background @btn-backround-primary @btn-backround-primary-highlight

### Form states & alerts

@state-warning-text @state-warning-background @state-error-text @state-error-background @state-success-text @state-success-background @state-info-text @state-info-background

### Navbar

@navbar-height @navbar-background @navbar-background-highlight @navbar-text @navbar-brand-color @navbar-link-color @navbar-link-color-hover @navbar-link-color-active @navbar-link-background-hover @navbar-link-background-active @navbarSearchBackground @navbarSearchBackgroundFocus @navbarSearchBorder @navbarSearchPlaceholderColor @navbar-collapse-width @navbar-collapse-width-desktop

### Dropdowns

@dropdown-background @dropdown-border @dropdown-link-color @dropdown-link-color-hover @dropdown-link-background-hover

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