diff -r 6093dda9fe38 -r a9d04f5f5650 bootstrap-source/bootstrap-3.0.3/customize.html --- a/bootstrap-source/bootstrap-3.0.3/customize.html Sat Jan 18 12:34:36 2014 +0100 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,1715 +0,0 @@ ---- -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: "../" ---- - - -
-
- -

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

-
- -
-
- -
-
- -
-
-
-
- - - -
- -

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.

-
-
- - - -
- -

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

-
-
-
- -
- -

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

-
- -
-
-