info@54:
info@54:
Customize LESS variables to define colors, sizes and more inside your custom CSS stylesheets.
info@54:
info@54:
Basics
info@54:
info@54:
info@54:
Color system
info@54:
info@54:
info@54:
info@54:
Body scaffolding
info@54:
info@54:
info@54:
@body-bg
info@54:
info@54:
Background color for <body>
.
info@54:
@text-color
info@54:
info@54:
Global text color on <body>
.
info@54:
info@54:
info@54:
@link-color
info@54:
info@54:
Global textual link color
info@54:
@link-hover-color
info@54:
info@54:
Link hover color set via darken()
function
info@54:
info@54:
info@54:
info@54:
info@54:
Typography
info@54:
info@54:
info@54:
info@54:
Headings
info@54:
info@54:
info@54:
info@54:
Code blocks
info@54:
info@54:
info@54:
info@54:
Media queries breakpoints
info@54:
info@54:
info@54:
Layout and grid system
info@54:
info@54:
info@54:
@container-sm
info@54:
info@54:
For @screen-sm-min
and up.
info@54:
info@54:
info@54:
@container-md
info@54:
info@54:
For @screen-md-min
and up.
info@54:
info@54:
info@54:
info@54:
@container-lg
info@54:
info@54:
For @screen-lg-min
and up.
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
@grid-columns
info@54:
info@54:
Number of columns in the grid.
info@54:
info@54:
info@54:
@grid-gutter-width
info@54:
info@54:
Padding between columns.
info@54:
info@54:
info@54:
info@54:
@grid-float-breakpoint
info@54:
info@54:
Point at which the navbar stops collapsing.
info@54:
info@54:
info@54:
info@54:
info@54:
Components
info@54:
info@54:
Padding
info@54:
info@54:
info@54:
Rounded corners
info@54:
info@54:
info@54:
Component active state
info@54:
info@54:
info@54:
@component-active-color
info@54:
info@54:
Global color for active items (e.g., navs or dropdowns)
info@54:
info@54:
info@54:
@component-active-bg
info@54:
info@54:
Global background color for active items (e.g., navs or dropdowns)
info@54:
info@54:
info@54:
info@54:
Carets
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
Alerts
info@54:
info@54:
Base styles
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
Navbar
info@54:
info@54:
Base styles
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
Nav
info@54:
info@54:
Default nav
info@54:
info@54:
info@54:
info@54:
Tables
info@54:
info@54:
info@54:
@table-cell-padding
info@54:
info@54:
Default padding for <th>
s and <td>
s
info@54:
@table-condensed-cell-padding
info@54:
info@54:
Default padding cells in .table-condensed
info@54:
info@54:
info@54:
@table-bg
info@54:
info@54:
Default background color used for all tables.
info@54:
@table-bg-accent
info@54:
info@54:
Background color used for .table-striped
.
info@54:
info@54:
info@54:
@table-bg-hover
info@54:
info@54:
Background color used for .table-hover
.
info@54:
@table-border-color
info@54:
info@54:
Border color for table and cell borders.
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
Inputs
info@54:
info@54:
info@54:
@input-color
info@54:
info@54:
Text color for <input>
s
info@54:
@input-bg
info@54:
info@54:
<input>
background color
info@54:
info@54:
info@54:
@input-border
info@54:
info@54:
<input>
border color
info@54:
@input-border-radius
info@54:
info@54:
<input>
border radius
info@54:
info@54:
info@54:
@input-color-placeholder
info@54:
info@54:
Placeholder text color
info@54:
info@54:
info@54:
info@54:
Input states
info@54:
info@54:
info@54:
@input-border-focus
info@54:
info@54:
Border color for inputs on focus
info@54:
info@54:
info@54:
@input-bg-disabled
info@54:
info@54:
<input disabled>
background color
info@54:
info@54:
info@54:
info@54:
Input sizes
info@54:
info@54:
info@54:
@input-height-base
info@54:
info@54:
Default .form-control
height
info@54:
info@54:
info@54:
@input-height-large
info@54:
info@54:
Large .form-control
height
info@54:
info@54:
info@54:
@input-height-small
info@54:
info@54:
Small .form-control
height
info@54:
info@54:
info@54:
info@54:
Legend
info@54:
info@54:
info@54:
Input groups
info@54:
info@54:
info@54:
@input-group-addon-bg
info@54:
info@54:
Background color for textual input addons
info@54:
info@54:
info@54:
@input-group-addon-border-color
info@54:
info@54:
Border color for textual input addons
info@54:
info@54:
info@54:
info@54:
info@54:
Dropdowns
info@54:
info@54:
info@54:
Dropdown menu
info@54:
@dropdown-bg
info@54:
info@54:
Dropdown menu background color
info@54:
@dropdown-border
info@54:
info@54:
Dropdown menu border color
info@54:
@dropdown-fallback-border
info@54:
info@54:
Dropdown menu border color for IE8
info@54:
@dropdown-caret-color
info@54:
info@54:
Indicator arrow for showing an element has a dropdown
info@54:
@dropdown-divider-bg
info@54:
info@54:
Dropdown divider top border color
info@54:
@dropdown-header-color
info@54:
info@54:
Text color for headers within dropdown menus
info@54:
info@54:
info@54:
Dropdown items
info@54:
@dropdown-link-color
info@54:
info@54:
Dropdown text color
info@54:
info@54:
@dropdown-link-hover-color
info@54:
info@54:
Hovered dropdown menu entry text color
info@54:
@dropdown-link-hover-bg
info@54:
info@54:
Hovered dropdown menu entry text color
info@54:
info@54:
@dropdown-link-active-color
info@54:
info@54:
Active dropdown menu entry text color
info@54:
@dropdown-link-active-bg
info@54:
info@54:
Active dropdown menu entry background color
info@54:
info@54:
@dropdown-link-disabled-color
info@54:
info@54:
Disabled dropdown menu entry background color
info@54:
info@54:
info@54:
info@54:
info@54:
Panels and wells
info@54:
info@54:
Common panel styles
info@54:
info@54:
Contextual panel colors
info@54:
info@54:
info@54:
Wells
info@54:
@well-bg
info@54:
info@54:
info@54:
info@54:
Accordion
info@54:
@accordion-border-bg
info@54:
info@54:
info@54:
info@54:
Badges
info@54:
info@54:
Base styles
info@54:
info@54:
info@54:
States
info@54:
info@54:
info@54:
@badge-link-hover-color
info@54:
info@54:
Linked badge text color on hover
info@54:
info@54:
info@54:
@badge-active-color
info@54:
info@54:
Badge text color in active nav link
info@54:
info@54:
info@54:
@badge-active-bg
info@54:
info@54:
Badge background color in active nav link
info@54:
info@54:
info@54:
info@54:
info@54:
Breadcrumbs
info@54:
info@54:
info@54:
@breadcrumb-color
info@54:
info@54:
Breadcrumb text color
info@54:
@breadcrumb-bg
info@54:
info@54:
Breadcrumb background color
info@54:
info@54:
info@54:
@breadcrumb-active-color
info@54:
info@54:
Text color of current page in the breadcrumb
info@54:
@breadcrumb-separator
info@54:
info@54:
Textual separator for between breadcrumb elements
info@54:
info@54:
info@54:
info@54:
Jumbotron
info@54:
info@54:
info@54:
info@54:
Modals
info@54:
info@54:
Base modal
info@54:
info@54:
info@54:
@modal-inner-padding
info@54:
info@54:
Padding applied to the modal body
info@54:
info@54:
info@54:
@modal-backdrop-bg
info@54:
info@54:
Modal backdrop background color
info@54:
info@54:
info@54:
info@54:
Modal header and footer
info@54:
info@54:
info@54:
@modal-title-padding
info@54:
info@54:
Padding applied to the modal title
info@54:
info@54:
info@54:
@modal-title-line-height
info@54:
info@54:
Modal title line-height
info@54:
info@54:
info@54:
@modal-header-border-color
info@54:
info@54:
Modal header border color
info@54:
@modal-footer-border-color
info@54:
info@54:
Modal footer border color
info@54:
info@54:
info@54:
info@54:
Modal content
info@54:
info@54:
info@54:
@modal-content-bg
info@54:
info@54:
Background color of modal content area
info@54:
info@54:
info@54:
@modal-content-border-color
info@54:
info@54:
Modal content border color
info@54:
info@54:
info@54:
@modal-content-fallback-border-color
info@54:
info@54:
Modal content border color for IE8
info@54:
info@54:
info@54:
info@54:
info@54:
Carousel
info@54:
info@54:
info@54:
info@54:
info@54:
List group
info@54:
info@54:
Base styles
info@54:
info@54:
info@54:
@list-group-bg
info@54:
info@54:
Background color on .list-group-item
info@54:
info@54:
info@54:
@list-group-border
info@54:
info@54:
.list-group-item
border color
info@54:
info@54:
info@54:
@list-group-border-radius
info@54:
info@54:
List group border radius
info@54:
info@54:
info@54:
info@54:
Hover and active states
info@54:
info@54:
info@54:
@list-group-hover-bg
info@54:
info@54:
Background color of single list elements on hover
info@54:
info@54:
info@54:
info@54:
info@54:
@list-group-active-color
info@54:
info@54:
Text color of active list elements
info@54:
info@54:
info@54:
@list-group-active-bg
info@54:
info@54:
Background color of active list elements
info@54:
info@54:
info@54:
@list-group-active-border
info@54:
info@54:
Border color of active list elements
info@54:
info@54:
info@54:
info@54:
info@54:
Thumbnails
info@54:
info@54:
Base thumbnail
info@54:
info@54:
info@54:
@thumbnail-padding
info@54:
info@54:
Padding around the thumbnail image
info@54:
@thumbnail-bg
info@54:
info@54:
Thumbnail background color
info@54:
info@54:
info@54:
@thumbnail-border
info@54:
info@54:
Thumbnail border color
info@54:
@thumbnail-border-radius
info@54:
info@54:
Thumbnail border radius
info@54:
info@54:
info@54:
info@54:
Thumbnail captions
info@54:
info@54:
info@54:
@thumbnail-caption-padding
info@54:
info@54:
Padding around the thumbnail caption
info@54:
info@54:
info@54:
@thumbnail-caption-color
info@54:
info@54:
Custom text color for thumbnail captions
info@54:
info@54:
info@54:
info@54:
info@54:
Progress bars
info@54:
info@54:
Shared styles
info@54:
info@54:
info@54:
@progress-bg
info@54:
info@54:
Background color of the whole progress component
info@54:
info@54:
info@54:
@progress-bar-color
info@54:
info@54:
Info progress bar text color
info@54:
info@54:
info@54:
@progress-bar-text-shadow
info@54:
info@54:
Info progress bar text shadow
info@54:
info@54:
info@54:
@progress-bar-bg
info@54:
info@54:
Default progress bar color
info@54:
info@54:
info@54:
info@54:
Contextual states
info@54:
info@54:
info@54:
@progress-bar-success-bg
info@54:
info@54:
Success progress bar color
info@54:
@progress-bar-info-bg
info@54:
info@54:
Info progress bar color
info@54:
info@54:
info@54:
@progress-bar-warning-bg
info@54:
info@54:
Warning progress bar color
info@54:
@progress-bar-danger-bg
info@54:
info@54:
Danger progress bar color
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
Default styles
info@54:
info@54:
info@54:
@pagination-bg
info@54:
info@54:
Background color
info@54:
info@54:
info@54:
@pagination-border
info@54:
info@54:
Border color
info@54:
info@54:
info@54:
@pagination-hover-bg
info@54:
info@54:
Background hover color
info@54:
info@54:
info@54:
info@54:
Disabled and active states
info@54:
info@54:
info@54:
@pagination-disabled-color
info@54:
info@54:
Disabled text color
info@54:
info@54:
info@54:
@pagination-active-bg
info@54:
info@54:
Active background color
info@54:
info@54:
info@54:
@pagination-active-color
info@54:
info@54:
Active text color
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
@pager-border-radius
info@54:
info@54:
Pager border radius
info@54:
info@54:
info@54:
@pager-disabled-color
info@54:
info@54:
Pager disabled state color
info@54:
info@54:
info@54:
info@54:
info@54:
Labels
info@54:
info@54:
info@54:
@label-color
info@54:
info@54:
Default label text color
info@54:
info@54:
info@54:
@label-link-hover-color
info@54:
info@54:
Default text color of a linked label
info@54:
info@54:
info@54:
@label-default-bg
info@54:
info@54:
Default label background color
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
@label-primary-bg
info@54:
info@54:
Primary label background color
info@54:
@label-success-bg
info@54:
info@54:
Success label background color
info@54:
info@54:
info@54:
@label-info-bg
info@54:
info@54:
Info label background color
info@54:
@label-warning-bg
info@54:
info@54:
Warning label background color
info@54:
info@54:
info@54:
@label-danger-bg
info@54:
info@54:
Danger label background color
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
info@54:
Tooltip
info@54:
info@54:
info@54:
@tooltip-color
info@54:
info@54:
Tooltip text color
info@54:
@tooltip-bg
info@54:
info@54:
Tooltip background color
info@54:
info@54:
info@54:
@tooltip-arrow-width
info@54:
info@54:
Tooltip arrow width
info@54:
@tooltip-arrow-color
info@54:
info@54:
Tooltip arrow color
info@54:
info@54:
info@54:
@tooltip-max-width
info@54:
info@54:
Tooltip max width
info@54:
info@54:
info@54:
info@54:
Popovers
info@54:
info@54:
Base styles
info@54:
info@54:
info@54:
@popover-bg
info@54:
info@54:
Popover body background color
info@54:
@popover-max-width
info@54:
info@54:
Popover maximum width
info@54:
info@54:
info@54:
@popover-border-color
info@54:
info@54:
Popover border color
info@54:
@popover-fallback-border-color
info@54:
info@54:
Popover fallback border color
info@54:
info@54:
info@54:
@popover-title-bg
info@54:
info@54:
Popover title background color
info@54:
info@54:
info@54:
info@54:
Popover arrows
info@54:
info@54:
info@54:
@popover-arrow-width
info@54:
info@54:
Popover arrow width
info@54:
info@54:
info@54:
@popover-arrow-color
info@54:
info@54:
Popover arrow color
info@54:
info@54:
info@54:
info@54:
info@54:
@popover-arrow-outer-width
info@54:
info@54:
Popover outer arrow width
info@54:
info@54:
info@54:
@popover-arrow-outer-color
info@54:
info@54:
Popover outer arrow color
info@54:
info@54:
info@54:
@popover-arrow-outer-fallback-color
info@54:
info@54:
Popover outer arrow fallback color
info@54:
info@54:
info@54:
info@54:
info@54:
Close button
info@54:
info@54:
info@54:
info@54:
Type
info@54:
info@54:
info@54:
@text-muted
info@54:
info@54:
Text muted color
info@54:
info@54:
info@54:
@abbr-border-color
info@54:
info@54:
Abbreviations and acronyms border color
info@54:
info@54:
info@54:
@headings-small-color
info@54:
info@54:
Headings small color
info@54:
info@54:
info@54:
@blockquote-small-color
info@54:
info@54:
Blockquote small color
info@54:
info@54:
info@54:
@blockquote-border-color
info@54:
info@54:
Blockquote border color
info@54:
info@54:
info@54:
@page-header-border-color
info@54:
info@54:
Page header border color
info@54:
info@54:
info@54:
info@54:
info@54:
Other
info@54:
info@54:
info@54:
@hr-border
info@54:
info@54:
Horizontal line color
info@54:
info@54:
info@54:
@component-offset-horizontal
info@54:
info@54:
Horizontal offset for forms and lists
info@54:
info@54:
info@54:
info@54:
info@54: