Insight? Practice!

Road to myself. 자기자신에게로 이르는 길.

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.