From 1aedb7862ccf93bb983652bc24c11cc9f01699d3 Mon Sep 17 00:00:00 2001 From: syed Date: Sun, 28 Jul 2013 17:32:08 +0500 Subject: move things around Moved alerts, badges, button groups, buttons, carousel, close to variables.less and customize.html --- customize.html | 2786 ++++++++++++++++++++++++++++---------------------------- 1 file changed, 1411 insertions(+), 1375 deletions(-) (limited to 'customize.html') diff --git a/customize.html b/customize.html index ad283c64d..53e908ac4 100644 --- a/customize.html +++ b/customize.html @@ -9,1441 +9,1477 @@ 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

- -

Basics

-
-
-

Layout

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

Global CSS

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

Utility classes

-
- +
+
+ +

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

-

Components

-
-
-
- +

Basics

+
+
+

Layout

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

Global CSS

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

Utility classes

+
+ +
+
+ +
+
+ +
+
-

Navigation

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

Content blocks

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

Behavioral (requires JS)

-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
-
+

Components

+
+
+
+ +
-
-
-

Media

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

Miscellaneous

-
- +

Navigation

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

Content blocks

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

Behavioral (requires JS)

+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
-
- -
-
- -
-
- -
-
- + +
+
+

Media

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

Miscellaneous

+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
-
-
-
-
- -

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

-
- -
-
- -
-
- -
-
- -
-
- -
-
- +
+
+ +

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

+
+ +
+
+ +
+
+ +
+
+ +
+
-
- -
-
-
-

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.

-
-
-
-

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.

+
-
-

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.

-
-
- -

LESS variables

-
-

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

+

Basics

-

Basics

+

Body background

+
+
+ + +

Background color applied to <body>.

+
+
-

Body background

-
-
- - -

Background color applied to <body>.

-
-
+

Typography

+
+
+ + +

Default sans-serif fonts.

+ + +

Default serif fonts.

+ + +

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

+
+
+ + +

Used to globally set font-family in Bootstrap.

+ + +

Used to calculate font-size throughout Bootstrap.

+ + +

Used to calculate line-height throughout Bootstrap.

+ + +

Used to globally set font-weight in Bootstrap

+
+
-

Typography

-
-
- - -

Default sans-serif fonts.

- - -

Default serif fonts.

- - -

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

-
-
- - -

Used to globally set font-family in Bootstrap.

- - -

Used to calculate font-size throughout Bootstrap.

- - -

Used to calculate line-height throughout Bootstrap.

-
-
+

Code blocks

+
+
+ + + + +
+
+ + + + +
+
-

Code blocks

-
-
- - - - -
-
- - - - -
-
+

Headings

+
+
+ + +

Choose a separate font-family for headings.

+ + +

Choose a separate font-weight for headings.

+
+
+ + +

Choose a separate line-height for headings.

+
+
-

Headings

-
-
- - -

Choose a separate font-family for headings.

- - -

Choose a separate font-weight for headings.

-
-
- - -

Choose a separate line-height for headings.

-
-
+

Colors

+
+
+

Define custom colors used in several contexts.

+ + +

Used for primary buttons, panels and more.

+ + +

Used to indicate success.

+ + +

Used to indicate a warning.

+ + +

Used to indicate danger.

+ + +

Used to indicate informational content.

+
+
+

Define your preferred colors for standard text and links.

+ + +

Global color set on the body.

+ + +

Global link color for text.

+ + +

Automatically darken links on hover via color function.

+
+
-

Colors

-
-
-

Define custom colors used in several contexts.

- - -

Used for primary buttons, panels and more.

- - -

Used to indicate success.

- - -

Used to indicate a warning.

- - -

Used to indicate danger.

- - -

Used to indicate informational content.

-
-
-

Define your preferred colors for standard text and links.

- - -

Global color set on the body.

- - -

Global link color for text.

- - -

Automatically darken links on hover via color function.

-
-
+

Media queries breakpoints

+

Define the breakpoints at which your layout will change, adapting to different screen sizes.

+
+
+ + + + +
+
+ + + + +
+
-

Media queries breakpoints

-

Define the breakpoints at which your layout will change, adapting to different screen sizes.

-
-
- - - - -
-
- - - - -
-
+

Container sizes

+

Define the maximum width of .container for different screen sizes.

+
+
+ + +

For @screen-small and up.

+ + +

For @screen-medium and up.

+
+
+ + +

For @screen-large and up.

+
+
-

Container sizes

-

Define the maximum width of .container for different screen sizes.

-
-
- - -

For @screen-small and up.

- - -

For @screen-medium and up.

-
-
- - -

For @screen-large and up.

-
-
+

Grid system

+

Define your custom responsive grid.

+
+
+ + +

Number of columns in the grid.

+ + +

Padding between columns.

+
+
+ + +

Point at which the navbar stops collapsing.

+
+
-

Grid system

-

Define your custom responsive grid.

-
-
- - -

Number of columns in the grid.

- - -

Padding between columns.

-
-
- - -

Point at which the navbar stops collapsing.

-
-
+

Components

+

Define common padding and border radius sizes and more.

+
+
+

Padding

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

Border radius sizes

+ + + + + + +

Active background color

+ + +

Used for active or hovered items in places like navs or dropdowns.

+
+
-

Components

-

Define common padding and border radius sizes and more.

-
-
-

Padding

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

Border radius sizes

- - - - - - -

Active background color

- - -

Used for active or hovered items in places like navs or dropdowns.

-
-
+

Buttons

+

For each of Bootstrap's buttons, define text, background and border color.

+
+
+

Basic

+ + + + + + +

Default

+ + + + + + +

Primary

+ + + + + + +

Info

+ + + + + + +

Button hover

+ + +
+
+

Success

+ + + + + + +

Warning

+ + + + + + +

Danger

+ + + + + + +
+
-

Buttons

-

For each of Bootstrap's buttons, define text, background and border color.

-
-
-

Default

- - - - - - -

Primary

- - - - - - -

Info

- - - - - - -

Button hover

- - -
-
-

Success

- - - - - - -

Warning

- - - - - - -

Danger

- - - - - - -
-
+

Form states and alerts

+

Define colors for form feedback states and, by default, alerts.

+
+
+

Basic

+ + +

Success

+ + + + + + +

Warning

+ + + + + + +
+
+

Danger

+ + + + + + +

Info

+ + + + + + +
+
-

Form states and alerts

-

Define colors for form feedback states and, by default, alerts.

-
-
-

Success

- - - - - - -

Warning

- - - - - - -
-
-

Danger

- - - - - - -

Info

- - - - - - -
-
+

Alerts

+

Define alert colors and border radius.

+

Border radius

+ + +
+
+

Success

+ + + + + + +

Warning

+ + + + + + +
+
+

Danger

+ + + + + + +

Info

+ + + + + + +
+
-

Alerts

-

Define alert colors and border radius.

-

Border radius

- - -
-
-

Success

- - - - - - -

Warning

- - - - - - -
-
-

Danger

- - - - - - -

Info

- - - - - - -
-
+

Navbar

+
+
+

Default navbar

+

Basics

+ + + + + + +

Links

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

Brand

+ + + + + + +

Toggle

+ + + + + + +
+
+

Inverted navbar

+

Basics

+ + + + +

Links

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

Brand

+ + + + + + +

Toggle

+ + + + + + +
+
-

Navbar

-
-
-

Default navbar

-

Basics

- - - - - - -

Links

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

Brand

- - - - - - -

Toggle

- - - - - - -
-
-

Inverted navbar

-

Basics

- - - - -

Links

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

Brand

- - - - - - -

Toggle

- - - - - - -
-
+

Nav

-

Nav

+

Default nav

+
+
+

Common values

+ + + + + + + + + + -

Default nav

-
-
-

Common values

- - - - - - - - - - +

Pills

+ + + + +
+
+

Tabs

+ + + + + + + + + + + + + + +
+
-

Pills

- - - - -
-
-

Tabs

- - - - - - - - - - - - - - -
-
+

Tables

+
+
+ + +

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.

+
+
-

Tables

-
-
- - -

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

+ + +

<input> background color

+ + +

<input> border color

+ + +

<input> border radius

+ + +

<input disabled> background color

+
+
+

Placeholder

+ + +

Placeholder text color

-

Forms

-
-
-

Inputs

- - -

<input> background color

- - -

<input> border color

- - -

<input> border radius

- - -

<input disabled> background color

-
-
-

Placeholder

- - -

Placeholder text color

+

Legend

+ + +

<legend> border color

-

Legend

- - -

<legend> border color

+

Input groups

+ + +

Border color for textual input addons

+
+
-

Input groups

- - -

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

+
+
+

Dropdown items

+ + +

Dropdown text color

+ + +

Active dropdown menu entry text color

+ + +

Hovered dropdown menu entry text color

+ + +

Active dropdown menu entry background color

+ + +

Hovered dropdown menu entry background color

+
+
-

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

-
-
-

Dropdown items

- - -

Dropdown text color

- - -

Active dropdown menu entry text color

- - -

Hovered dropdown menu entry text color

- - -

Active dropdown menu entry background color

- - -

Hovered dropdown menu entry background color

-
-
+

Panels and wells

+

Default panel styles

+
+
+ + +

Panel body background color

+ + +

Panel heading background color

+ + +

Panel footer background color

+
+
+ + +

Panel border color

+ + +

Panel border radius

+
+
+

Contextual panel colors

+
+
+

Primary

+ + +

Primary text color

+ + +

Primary border color

+ + +

Primary heading background color

+

Success

+ + +

Success text color

+ + +

Success border color

+ + +

Success heading background color

+

Info

+ + +

Info text color

+ + +

Info border color

+ + +

Info heading background color

+
+
+

Warning

+ + +

Warning text color

+ + +

Warning border color

+ + +

Warning heading background color

+

Danger

+ + +

Danger text color

+ + +

Danger border color

+ + +

Danger heading background color

+
+
-

Panels and wells

-

Default panel styles

-
-
- - -

Panel body background color

- - -

Panel heading background color

- +

Wells

+ -

Panel footer background color

-
-
- - -

Panel border color

- - -

Panel border radius

-
-
-

Contextual panel colors

-
-
-

Primary

- - -

Primary text color

- - -

Primary border color

- - -

Primary heading background color

-

Success

- - -

Success text color

- - -

Success border color

- - -

Success heading background color

-

Info

- - -

Info text color

- - -

Info border color

- - -

Info heading background color

-
-
-

Warning

- - -

Warning text color

- - -

Warning border color

- - -

Warning heading background color

-

Danger

- - -

Danger text color

- - -

Danger border color

- - -

Danger heading background color

-
-
-

Wells

- - +

Accordion

+ + -

Accordion

- - +

Badges

+
+
+ + +

Badge text color

+ + +

Badge background color

+ + +

Linked badge text color on hover

+
+
+ + +

Badge text color in active nav link

+ + +

Badge text color in active nav link

+
+
+ + +

Badge font weight

+ + +

Badge line height

+ + +

Badge border radius

+
+
-

Badges

-
-
- - -

Badge text color

- - -

Badge background color

- - -

Linked badge text color on hover

-
-
- - -

Badge text color in active nav link

- - -

Badge text color in active nav link

-
-
+

Breadcrumbs

+
+
+ + +

Breadcrumb text color

+
+
+ + +

Breadcrumb background color

+
+
+ + +

Text color of current page in the breadcrumb

+
+
-

Breadcrumbs

-
-
- - -

Breadcrumb text color

-
-
- - -

Breadcrumb background color

-
-
- - -

Text color of current page in the breadcrumb

-
-
+

Jumbotron

+
+
+ + +

Jumbotron background color

+
+
+ + +

Jumbotron heading color

+
+
+ + +

Jumbotron lead paragraph color

+
+
-

Jumbotron

-
-
- - -

Jumbotron background color

-
-
- - -

Jumbotron heading color

-
-
- - -

Jumbotron lead paragraph color

-
-
+

Modals

+
+
+ + +

Padding applied to the modal body

+
+
+ + +

Padding applied to the modal title

+
+
+ + +

Modal title line-height

+
+
+ + +

Background color of modal content area

+
+
+ + +

Modal content border color

+
+
+ + +

Modal content border color for IE8

+
+
+ + +

Modal backdrop background color

+
+
+ + +

Modal header border color

+
+
+ + +

Modal footer border color

+
+
-

Modals

-
-
- - -

Padding applied to the modal body

-
-
- - -

Padding applied to the modal title

-
-
- - -

Modal title line-height

-
-
- + + + + -

Background color of modal content area

-
-
- - -

Modal content border color

-
-
- - -

Modal content border color for IE8

-
-
- - -

Modal backdrop background color

-
-
- - -

Modal header border color

-
-
- - -

Modal footer border color

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

List group

-

Background

-
-
- + + + + + + + -

Default background color

-
-
- - -

Background color of single list elements on hover

-
-
- - -

Background color of active list elements

-
-
-

Borders

-
-
- - -

Default border color

-
-
- - -

List group border radius

-
-
- - -

Border color of active list elements

-
-
- - -

Text color of active list elements

-

Thumbnails

-
-
- - -

Custom text color for thumbnail captions

- - -

Thumbnail background color

-
-
- - -

Thumbnail border color

- - -

Thumbnail border radius

-
-
-

Progress bars

-
-
- - -

Background color of the whole progress component

-
-
- - -

Default progress bar color

-
-
- - -

Success progress bar color

-
-
-
-
- - -

Warning progress bar color

-
-
- - -

Danger progress bar color

-
-
- - -

Info progress bar color

-
-
- + -

Info progress bar text color

-
-
- - -

Info progress bar text shadow

-
-
-

Pagination

-
-
- + + + -

Background color

-
-
- - -

Border color

-
-
- - -

Active background color

-
-
- - -

Active text color

-
-
- - -

Disabled text color

-
-
-

Pager

-
-
- - -

Pager border radius

-
-
- - -

Pager disabled state color

-
-
-

Labels

-
-
- - -

Success label background color

- - -

Info label background color

-
-
- - -

Warning label background color

- - -

Danger label background color

-
-
-

Tooltips and popovers

-

Tooltip styles

-
-
- - -

Tooltip text color

- - -

Tooltip background color

-
-
- - -

Tooltip arrow width

- - -

Tooltip arrow color

-
-
- - -

Tooltip max width

-
-
-

Popover styles

-
-
- - -

Popover body background color

- - -

Popover title background color

-
-
- - -

Popover arrow width

- +

List group

+

Background

+
+
+ + +

Default background color

+
+
+ + +

Background color of single list elements on hover

+
+
+ + +

Background color of active list elements

+
+
+

Borders

+
+
+ + +

Default border color

+
+
+ + +

List group border radius

+
+
+ + +

Border color of active list elements

+
+
+ -

Popover arrow color

-
-
-
-
- - -

Popover outer arrow width

-
-
- - -

Popover outer arrow color

-
-
- - -

Popover outer arrow fallback color

-
-
-
-
- - -

Popover maximum width

-
-
- - -

Popover border color

-
-
- - -

Popover fallback border color

-
-
+

Text color of active list elements

+

Thumbnails

+
+
+ + +

Custom text color for thumbnail captions

+ + +

Thumbnail background color

+
+
+ + +

Thumbnail border color

+ + +

Thumbnail border radius

+
+
+

Progress bars

+
+
+ + +

Background color of the whole progress component

+
+
+ + +

Default progress bar color

+
+
+ + +

Success progress bar color

+
+
+
+
+ + +

Warning progress bar color

+
+
+ + +

Danger progress bar color

+
+
+ + +

Info progress bar color

+
+
+ + +

Info progress bar text color

+
+
+ + +

Info progress bar text shadow

+
+
+

Pagination

+
+
+ + +

Background color

+
+
+ + +

Border color

+
+
+ + +

Active background color

+
+
+ + +

Active text color

+
+
+ + +

Disabled text color

+
+
+

Pager

+
+
+ + +

Pager border radius

+
+
+ + +

Pager disabled state color

+
+
-

Close button

-
-
- - -
-
- - -
-
+

Labels

+
+
+ + +

Success label background color

+ + +

Info label background color

+
+
+ + +

Warning label background color

+ + +

Danger label background color

+
+
+

Tooltips and popovers

+

Tooltip styles

+
+
+ + +

Tooltip text color

+ + +

Tooltip background color

+
+
+ + +

Tooltip arrow width

+ + +

Tooltip arrow color

+
+
+ + +

Tooltip max width

+
+
+

Popover styles

+
+
+ + +

Popover body background color

+ + +

Popover title background color

+
+
+ + +

Popover arrow width

+ + +

Popover arrow color

+
+
+
+
+ + +

Popover outer arrow width

+
+
+ + +

Popover outer arrow color

+
+
+ + +

Popover outer arrow fallback color

+
+
+
+
+ + +

Popover maximum width

+
+
+ + +

Popover border color

+
+
+ + +

Popover fallback border color

+
+
-

Type

-
-
- - -

Text muted color

-
-
- - -

Abbreviations and acronyms border color

-
-
- - -

Headings small color

-
-
- - -

Blockquote small color

-
-
- - -

Blockquote border color

-
-
- - -

Pag header border color

-
-
-

Other

-
-
- - -

Horizontal line color

-
-
- - -

Horizontal offset for forms and lists

-
-
-
+

Close button

+
+
+ + + + +
+
+ + + + +
+
-
-
-

Download

-
-

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

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

+

Type

+
+
+ + +

Text muted color

+
+
+ + +

Abbreviations and acronyms border color

+
+
+ + +

Headings small color

+
+
+ + +

Blockquote small color

+
+
+ + +

Blockquote border color

+
+
+ + +

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

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

+
+
-- cgit v1.2.3