Bootstrap
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 |