Customize Bootstrap's components, LESS variables, and jQuery plugins to get your very own version.
Choose which LESS files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the CSSand Componentspages in the docs.
Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the JavaScriptpage in the docs.
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.
bootstrap.js
bootstrap.min.js
All plugins require the latest version of jQueryto be included.
Customize LESS variables to define colors, sizes and more inside your custom CSS stylesheets.
Background color for <body>.
<body>
Global text color on <body>.
Global textual link color
Link hover color set via darken() function
darken()
Default sans-serif fonts.
Default serif fonts.
Default monospace fonts for <code> and <pre>.
<code>
<pre>
For @screen-sm-min and up.
@screen-sm-min
For @screen-md-min and up.
@screen-md-min
For @screen-lg-min and up.
@screen-lg-min
Number of columns in the grid.
Padding between columns.
Point at which the navbar stops collapsing.
Global color for active items (e.g., navs or dropdowns)
Global background color for active items (e.g., navs or dropdowns)
Default padding for <th>s and <td>s
<th>
<td>
Default padding cells in .table-condensed
.table-condensed
Default background color used for all tables.
Background color used for .table-striped.
.table-striped
Background color used for .table-hover.
.table-hover
Border color for table and cell borders.
Text color for <input>s
<input>
<input> background color
<input> border color
<input> border radius
Placeholder text color
Border color for inputs on focus
<input disabled> background color
<input disabled>
Default .form-control height
.form-control
Large .form-control height
Small .form-control height
Background color for textual input addons
Border color for textual input addons
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 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
Border color for elements within panels
Linked badge text color on hover
Badge text color in active nav link
Badge background color in active nav link
Breadcrumb text color
Breadcrumb background color
Text color of current page in the breadcrumb
Textual separator for between breadcrumb elements
Padding applied to the modal body
Modal backdrop background color
Padding applied to the modal title
Modal title line-height
Modal header border color
Modal footer border color
Background color of modal content area
Modal content border color
Modal content border color for IE8
Background color on .list-group-item
.list-group-item
.list-group-item border color
List group border radius
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
Padding around the thumbnail image
Thumbnail background color
Thumbnail border color
Thumbnail border radius
Padding around the thumbnail caption
Custom text color for thumbnail captions
Background color of the whole progress component
Info progress bar text color
Info progress bar text shadow
Default progress bar color
Success progress bar color
Info progress bar color
Warning progress bar color
Danger progress bar color
Background color
Border color
Background hover color
Disabled text color
Active background color
Active text color
Pager border radius
Pager disabled state color
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
Tooltip text color
Tooltip background color
Tooltip arrow width
Tooltip arrow color
Tooltip max width
Popover body background color
Popover maximum width
Popover border color
Popover fallback border color
Popover title background color
Popover arrow width
Popover arrow color
Popover outer arrow width
Popover outer arrow color
Popover outer arrow fallback color
Text muted color
Abbreviations and acronyms border color
Headings small color
Blockquote small color
Blockquote border color
Page header border color
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.