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 |