Customize · Twitter Bootstrap

BootstrapBootstrap

Toggle all

ScaffoldingNormalize and reset

Body type and links

Grid system

Layouts

Base CSSHeadings, body, etc

Code and pre

Labels and badges

Tables

Forms

Buttons

Icons

ComponentsButton groups anddropdowns

Navs, tabs, and pills

Navbar

Breadcrumbs

Pagination

Pager

Thumbnails

Alerts

Progress bars

Hero unit

JS

Components

MiscellaneousWells

Close icon

Utilities

Componentanimations

ResponsiveVisible/hidden classes

Narrow tablets andbelow (<767px)

Tablets to desktops(767-979px)

Large desktops(>1200px)

Responsive navbar

1. Choose components

1. Choose1. Choose

componentscomponents

2. Select jQuery2. Select jQuery

pluginsplugins

4. Download4. Download

Customize and downloadDownload Bootstrap or customize variables, components, javascriptplugins, and more.

3. Customize3. Customize

variablesvariables

Customize · Twitter Bootstrap http://twitter.github.com/bootstrap/customize.html

1 of 5 10/20/12 10:02 AM

Tooltips

Toggle all

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 becompiled into a single file,bootstrap.js. All pluginsrequire the latest versionof jQuery to be included.

Reset to defaults

Scaffolding@bodyBackground

@white

@textColor

Typography@sansFontFamily

'Helvetica Neue', Helvetica, Arial, sa

@serifFontFamily

Form states &

alerts@warningText

2. Select jQuery plugins

3. Customize variables

1. Choose1. Choose



pluginsplugins



variablesvariables


2 of 5 10/20/12 10:02 AM

@grayDark

Colors@blue

#049cdb

@green

#46a546

@red

#9d261d

@yellow

#ffc40d

@orange

#f89406

@pink

#c3325f

@purple

#7a43b6

Sprites@iconSpritePath

'../img/glyphicons-halflings.png'

@iconWhiteSpritePath

'../img/glyphicons-halflings-white.png

Grid system@gridColumns

Georgia, 'Times New Roman', Times, ser

@monoFontFamily

Menlo, Monaco, 'Courier New', monospac

@baseFontSize

14px

@baseFontFamily

@sansFontFamily

@baseLineHeight

20px

@altFontFamily

@serifFontFamily

@headingsFontFamily

inherit

@headingsFontWeight

bold

@headingsColor

inherit

@heroUnitBackground

@grayLighter

@heroUnitHeadingColor

inherit

@heroUnitLeadColor

inherit

Tables@tableBackground

transparent

@tableBackgroundAccent

#f9f9f9

@tableBackgroundHover

#f5f5f5

@tableBorder

#c09853

@warningBackground

#fcf8e3

@errorText

#b94a48

@errorBackground

#f2dede

@successText

#468847

@successBackground

#dff0d8

@infoText

#3a87ad

@infoBackground

#d9edf7

Navbar@navbarHeight

40px

@navbarBackground

@grayDarker

@navbarBackgroundHighlight

@grayDark

@navbarText

@grayLight

@navbarBrandColor

@navbarLinkColor

@navbarLinkColor

@grayLight

@navbarLinkColorHover

@white

@navbarLinkColorActive

1. Choose1. Choose



pluginsplugins



variablesvariables


3 of 5 10/20/12 10:02 AM

12

@gridGutterWidth1200

30px

@gridColumnWidth768

42px

@gridGutterWidth768

20px

#ddd

Forms@placeholderText

@grayLight

@inputBackground

@white

@inputBorder

#ccc

@inputBorderRadius

3px

@inputDisabledBackground

@grayLighter

@formActionsBackground

#f5f5f5

@btnPrimaryBackground

@linkColor

@btnPrimaryBackgroundHighlight

darken(@white, 10%);

@navbarLinkColorHover

@navbarLinkBackgroundHover

transparent

@navbarLinkBackgroundActive

@navbarBackground

@navbarSearchBackground

lighten(@navbarBackground, 25%)

@navbarSearchBackgroundFocus

@white

@navbarSearchBorder

darken(@navbarSearchBackground, 30%)

@navbarSearchPlaceholderColor

#ccc

Dropdowns@dropdownBackground

@white

@dropdownBorder

rgba(0,0,0,.2)

@dropdownLinkColor

@grayDark

@dropdownLinkColorHover

@white

@dropdownLinkBackgroundHover

@linkColor

4. Download

1. Choose1. Choose



pluginsplugins



variablesvariables


4 of 5 10/20/12 10:02 AM

Customize and DownloadCustomize and Download

What's included?Downloads include compiled CSS,

compiled and minified CSS, and compiledjQuery plugins, all nicely packed up into a

zipball for your convenience.

Back to topDesigned and built with all the love in the world @twitter by @mdo and @fat.Code licensed under the Apache License v2.0. Documentation licensed under CC BY 3.0.Icons from Glyphicons Free, licensed under CC BY 3.0.

Read the blog Submit issues Roadmap and changelog

1. Choose1. Choose



pluginsplugins



variablesvariables


5 of 5 10/20/12 10:02 AM

Documents

Customize · Twitter Bootstrap