Many Bootstrap components have common concepts which require slightly different markup, but can be accessed uniformly across all the components. Each concept has specific permitted values.

Generally speaking, most of these can be used in combination with each other.

Modes

Value Example
default Default
primary Primary
success Success
info Info
warning Warning
danger Danger

Background modes

Value Example
primary Primary
success Success
info Info
warning Warning
danger Danger

Text modes

Value Example
muted Muted
primary Primary
success Success
info Info
warning Warning
danger Danger

Alignment

Value Example
left

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

center

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

justify

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

nowrap

No wrap

Text cases

Value Example
lowercase Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.
uppercase Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.
capitalize Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.

Size

Value Example
large
default
small
x-small
block

State

Value Example
active
disabled
Last modified: 2016-02-05