From a8005b3d0b8599611e8bfc864e704b50411fcb69 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 18 Jul 2013 17:41:30 -0700 Subject: flatten docs dir back into root --- customize.html | 1165 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 1165 insertions(+) create mode 100644 customize.html (limited to 'customize.html') diff --git a/customize.html b/customize.html new file mode 100644 index 000000000..511e94e41 --- /dev/null +++ b/customize.html @@ -0,0 +1,1165 @@ +--- +layout: default +title: Customize and download +slug: customize +lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to get your very own version. +--- + + +
+
+
+ +

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

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

Components

+
+
+

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

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

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

+ +

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.

+
+
+ +

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.

+
+
+ +

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.

+
+
+ +

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.

+
+
+ +

Buttons

+

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

+
+
+

Default

+ + + + + + +

Primary

+ + + + + + +

Info

+ + + + + + +
+
+

Success

+ + + + + + +

Warning

+ + + + + + +

Danger

+ + + + + + +
+
+ +

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

+ + + + + + +
+
+ +

Navbar

+
+
+

Default navbar

+

Basics

+ + + + + + +

Links

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

Brand

+ + + + + + +
+
+

Inverted navbar

+

Basics

+ + + + +

Links

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

Brand

+ + + + + + +
+
+ +

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

+
+
+

Background

+ + +

<input> background color

+ + +

<input disabled>background color

+ +

Placeholder

+ + +

Placeholder text color

+
+
+

Border

+ + +

<input> border color

+ + +

<input>border radius

+
+
+ +

Dropdowns

+
+
+

Background

+ + +

Dropdown menu background color

+ + +

Active dropdown menu entry background color

+ + +

Hovered dropdown menu entry background color

+
+
+

Colors

+ + +

Dropdown text color

+ + +

Active dropdown menu entry text color

+ + +

Hovered dropdown menu entry text color

+
+
+

Dividers

+
+
+ + +

Dropdown divider top border color

+ + +

Dropdown divider bottom border 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

+
+
+ +

Wells

+ + + +

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

+
+
+

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

+
+
+

Pagination

+
+
+ + +

Background color

+
+
+ + +

Border color

+
+
+ + +

Active background 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

+
+
+

Popover styles

+
+
+ + +

Popover body background color

+ + +

Popover title background color

+
+
+ + +

Popover arrow width

+ + +

Popover arrow color

+
+
+
+
+ + +

Popover outer arrow width

+
+
+ + +

Popover outer arrow 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