More
More helper classes for elements
More helper classes
Bootstrap comes with lots of helper classes. Please make sure to visit the Bootstrap documentation for more examples and how to use them in your code.
Opacity
| Class name | Preview |
|---|---|
.opacity-100 |
Opacity 100%
|
.opacity-90 |
Opacity 90%
|
.opacity-80 |
Opacity 80%
|
.opacity-75 |
Opacity 75%
|
.opacity-70 |
Opacity 70%
|
.opacity-60 |
Opacity 60%
|
.opacity-50 |
Opacity 50%
|
.opacity-40 |
Opacity 40%
|
.opacity-30 |
Opacity 30%
|
.opacity-25 |
Opacity 25%
|
.opacity-20 |
Opacity 20%
|
.opacity-10 |
Opacity 10%
|
Shadows
| Class name | Preview |
|---|---|
.shadow-none
|
No shadow
|
.shadow-sm
|
Small shadow
|
.shadow
|
Regular shadow
|
.shadow-lg
|
Large shadow
|
Aspect ratios
| Class name | Preview |
|---|---|
.ratio.ratio-1x1
|
1x1
|
.ratio.ratio-4x3
|
4x3
|
.ratio.ratio-16x9
|
16x9
|
.ratio.ratio-21x9
|
21x9
|
