Bootstrap class: .bg-gradient
<div class="bg-primary bg-gradient py-3"></div>Preview
Use Shuffle AI to build your own Bootstrap templates
Quickly design stunning Bootstrap templates with the power of Shuffle AI — no coding required.
Check .bg-gradient in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
Tips 💡
You don't need to remember all CSS classes. Just use the Bootstrap Editor instead.
More in Bootstrap Colors
- bg-primary
- bg-success
- bg-secondary
- bg-info
- bg-danger
- bg-warning
- bg-light
- bg-dark
- text-success
- text-primary
- bg-white
- text-secondary
- text-info
- text-light
- text-danger
- text-dark
- text-white
- text-warning
- bg-body
- bg-transparent
- link-danger
- link-dark
- link-info
- link-light
- link-primary
- link-secondary
- link-success
- link-warning
