-
-
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
-
-
-
-
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
-
-
-
-
-
-
-
-
-
-
-
-
-
Alerts
-
-
Base styles
-
-
-
-
-
-
Navbar
-
-
Base styles
-
-
-
-
-
-
Nav
-
-
Default nav
-
-
-
-
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.
-
-
-
-
-
-
-
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
-
-
Contextual panel colors
-
-
-
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
-
-
-
-
-
Carousel
-
-
-
-
-
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
-
-
-
-
-
-
-
Default styles
-
-
-
-
-
Background color
-
-
-
-
-
Border color
-
-
-
-
-
Background hover color
-
-
-
-
Disabled and active states
-
-
-
-
-
Disabled text color
-
-
-
-
-
Active background color
-
-
-
-
-
Active text color
-
-
-
-
-
-
-
-
-
-
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
-
-
-
-
-
-
-
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
-
-
-
-
-