diff -r e761943fba93 -r b28d5c14c5c2 bootstrap-source/bootstrap-3.0.3/customize.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/bootstrap-source/bootstrap-3.0.3/customize.html Fri Jan 17 11:59:43 2014 +0100 @@ -0,0 +1,1715 @@ +--- +layout: default +title: Customize and download +slug: customize +lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to get your very own version. +base_url: "../" +--- + + +
+
+
+ +

LESS files

+
+

Choose which LESS files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the CSS and Components pages in the docs.

+ +
+
+

Common CSS

+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+

Components

+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+

JavaScript components

+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +

Utilities

+
+ +
+
+ +
+
+ +
+
+
+
+ + + +
+
+ +

jQuery plugins

+
+

Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the JavaScript page in the docs.

+
+
+

Linked to components

+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+

Magic

+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ +
+

Produces two files

+

All checked plugins will be compiled into a readable bootstrap.js and a minified bootstrap.min.js. We recommend you use the minified version in production.

+
+ +
+

jQuery required

+

All plugins require the latest version of jQuery to be included.

+
+
+ + + +
+
+ +

LESS variables

+
+

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

+ +

Basics

+ + +

Color system

+
+
+ + + + + + +
+
+ + + + +
+
+ + +

Body scaffolding

+
+
+ + +

Background color for <body>.

+ + +

Global text color on <body>.

+
+
+ + +

Global textual link color

+ + +

Link hover color set via darken() function

+
+
+ + +

Typography

+
+
+

Generic font variables

+ + +

Default sans-serif fonts.

+ + +

Default serif fonts.

+ + +

Default monospace fonts for <code> and <pre>.

+ +

Base type styes

+ + + + + + + + + + +
+
+

Heading font sizes

+ + + + + + + + + + + + +
+
+ + +

Headings

+
+
+ + + + +
+
+ + + + +
+
+ + +

Code blocks

+
+
+ + + + +
+
+ + + + + + +
+
+ + +

Media queries breakpoints

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +

Layout and grid system

+
+
+ + +

For @screen-sm-min and up.

+
+
+ + +

For @screen-md-min and up.

+
+
+
+ + +

For @screen-lg-min and up.

+
+
+ +
+
+ + +

Number of columns in the grid.

+
+
+ + +

Padding between columns.

+
+
+
+ + +

Point at which the navbar stops collapsing.

+
+
+ + +

Components

+ +

Padding

+
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ +

Rounded corners

+
+
+ + +
+
+ + +
+
+ + +
+
+ +

Component active state

+
+
+ + +

Global color for active items (e.g., navs or dropdowns)

+
+
+ + +

Global background color for active items (e.g., navs or dropdowns)

+
+
+ +

Carets

+
+
+ + +
+
+ + +
+
+ + +

Buttons

+
+
+ + +
+
+ + +
+
+
+
+

Default

+ + + + + + +

Primary

+ + + + + + +

Info

+ + + + + + +
+
+

Success

+ + + + + + +

Warning

+ + + + + + +

Danger

+ + + + + + +
+
+ + +

Form states and alerts

+
+
+

Success

+ + + + + + +

Warning

+ + + + + + +
+
+

Danger

+ + + + + + +

Info

+ + + + + + +
+
+ + +

Alerts

+ +

Base styles

+
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+

Warning

+ + + + + + + +

Success

+ + + + + + +
+
+

Danger

+ + + + + + + +

Info

+ + + + + + +
+
+ + +

Navbar

+ +

Base styles

+
+
+ + + + +
+
+ + + + +
+
+ + +
+
+ +
+
+

Default navbar

+

Basics

+ + + + + + + +

Links

+ + + + + + + + + + + + + + + +

Brand

+ + + + + + + +

Toggle

+ + + + + + +
+ +
+

Inverted navbar

+ +

Basics

+ + + + + + + +

Links

+ + + + + + + + + + + + + + + +

Brand

+ + + + + + + +

Toggle

+ + + + + + +
+
+ + +

Nav

+ +

Default nav

+
+
+

Common values

+ + + + + + + + + + + + + +

Pills

+ + + + +
+
+

Tabs

+ + + + + + + + + + + + + + +
+
+ + +

Tables

+
+
+ + +

Default padding for <th>s and <td>s

+ + +

Default padding cells in .table-condensed

+
+
+ + +

Default background color used for all tables.

+ + +

Background color used for .table-striped.

+
+
+ + +

Background color used for .table-hover.

+ + +

Border color for table and cell borders.

+
+
+ + +

Forms

+ +

Inputs

+
+
+ + +

Text color for <input>s

+ + +

<input> background color

+
+
+ + +

<input> border color

+ + +

<input> border radius

+
+
+ + +

Placeholder text color

+
+
+ +

Input states

+
+
+ + +

Border color for inputs on focus

+
+
+ + +

<input disabled> background color

+
+
+ +

Input sizes

+
+
+ + +

Default .form-control height

+
+
+ + +

Large .form-control height

+
+
+ + +

Small .form-control height

+
+
+ +

Legend

+
+
+ + +
+
+ + +
+
+ +

Input groups

+
+
+ + +

Background color for textual input addons

+
+
+ + +

Border color for textual input addons

+
+
+ + +

Dropdowns

+
+
+

Dropdown menu

+ + +

Dropdown menu background color

+ + +

Dropdown menu border color

+ + +

Dropdown menu border color for IE8

+ + +

Indicator arrow for showing an element has a dropdown

+ + +

Dropdown divider top border color

+ + +

Text color for headers within dropdown menus

+
+
+

Dropdown items

+ + +

Dropdown text color

+ + + +

Hovered dropdown menu entry text color

+ + +

Hovered dropdown menu entry text color

+ + + +

Active dropdown menu entry text color

+ + +

Active dropdown menu entry background color

+ + + +

Disabled dropdown menu entry background color

+
+
+ + +

Panels and wells

+ +

Common panel styles

+
+
+ + + + +

Border color for elements within panels

+
+
+ + + + +
+
+

Contextual panel colors

+
+
+

Default

+ + + + + + + +

Primary

+ + + + + + + +

Success

+ + + + + + +
+
+

Info

+ + + + + + + +

Warning

+ + + + + + + +

Danger

+ + + + + + +
+
+ +

Wells

+ + + + +

Accordion

+ + + + +

Badges

+ +

Base styles

+
+
+ + + + +
+
+ + +
+
+ + +
+
+ +

States

+
+
+ + +

Linked badge text color on hover

+
+
+ + +

Badge text color in active nav link

+
+
+ + +

Badge background color in active nav link

+
+
+ + +

Breadcrumbs

+
+
+ + +

Breadcrumb text color

+ + +

Breadcrumb background color

+
+
+ + +

Text color of current page in the breadcrumb

+ + +

Textual separator for between breadcrumb elements

+
+
+ +

Jumbotron

+
+
+ + + + + + +
+
+ + + + +
+
+ + +

Modals

+ +

Base modal

+
+
+ + +

Padding applied to the modal body

+
+
+ + +

Modal backdrop background color

+
+
+ +

Modal header and footer

+
+
+ + +

Padding applied to the modal title

+
+
+ + +

Modal title line-height

+
+
+ + +

Modal header border color

+ + +

Modal footer border color

+
+
+ +

Modal content

+
+
+ + +

Background color of modal content area

+
+
+ + +

Modal content border color

+
+
+ + +

Modal content border color for IE8

+
+
+ + + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+ + +

List group

+ +

Base styles

+
+
+ + +

Background color on .list-group-item

+
+
+ + +

.list-group-item border color

+
+
+ + +

List group border radius

+
+
+ +

Hover and active states

+
+
+ + +

Background color of single list elements on hover

+
+
+
+
+ + +

Text color of active list elements

+
+
+ + +

Background color of active list elements

+
+
+ + +

Border color of active list elements

+
+
+ + +

Thumbnails

+ +

Base thumbnail

+
+
+ + +

Padding around the thumbnail image

+ + +

Thumbnail background color

+
+
+ + +

Thumbnail border color

+ + +

Thumbnail border radius

+
+
+ +

Thumbnail captions

+
+
+ + +

Padding around the thumbnail caption

+
+
+ + +

Custom text color for thumbnail captions

+
+
+ + +

Progress bars

+ +

Shared styles

+
+
+ + +

Background color of the whole progress component

+
+
+ + +

Info progress bar text color

+
+
+ + +

Info progress bar text shadow

+
+
+ + +

Default progress bar color

+
+
+ +

Contextual states

+
+
+ + +

Success progress bar color

+ + +

Info progress bar color

+
+
+ + +

Warning progress bar color

+ + +

Danger progress bar color

+
+
+ + +

Pagination

+ +

Default styles

+
+
+ + +

Background color

+
+
+ + +

Border color

+
+
+ + +

Background hover color

+
+
+ +

Disabled and active states

+
+
+ + +

Disabled text color

+
+
+ + +

Active background color

+
+
+ + +

Active text color

+
+
+ + +

Pager

+
+
+ + +

Pager border radius

+
+
+ + +

Pager disabled state color

+
+
+ + +

Labels

+
+
+ + +

Default label text color

+
+
+ + +

Default text color of a linked label

+
+
+ + +

Default label background color

+
+
+ +
+
+ + +

Primary label background color

+ + +

Success label background color

+
+
+ + +

Info label background color

+ + +

Warning label background color

+
+
+ + +

Danger label background color

+
+
+ + +

Tooltips and popovers

+ +

Tooltip

+
+
+ + +

Tooltip text color

+ + +

Tooltip background color

+
+
+ + +

Tooltip arrow width

+ + +

Tooltip arrow color

+
+
+ + +

Tooltip max width

+
+
+ +

Popovers

+ +

Base styles

+
+
+ + +

Popover body background color

+ + +

Popover maximum width

+
+
+ + +

Popover border color

+ + +

Popover fallback border color

+
+
+ + +

Popover title background color

+
+
+ +

Popover arrows

+
+
+ + +

Popover arrow width

+
+
+ + +

Popover arrow color

+
+
+
+
+ + +

Popover outer arrow width

+
+
+ + +

Popover outer arrow color

+
+
+ + +

Popover outer arrow fallback color

+
+
+ + +

Close button

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +

Type

+
+
+ + +

Text muted color

+
+
+ + +

Abbreviations and acronyms border color

+
+
+ + +

Headings small color

+
+
+ + +

Blockquote small color

+
+
+ + +

Blockquote border color

+
+
+ + +

Page header border color

+
+
+ + +

Other

+
+
+ + +

Horizontal line color

+
+
+ + +

Horizontal offset for forms and lists

+
+
+
+ +
+
+

Download

+
+

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

+
+ +
+
+