Demo: Bootstrap 4 Button Gradients

Keeping it Bootstrap 2 with these Bootstrap button gradient styles.

View Post »

.btn-grad-y-*

btn-grad-y-primary
btn-grad-y-secondary
btn-grad-y-info
btn-grad-y-success
btn-grad-y-warning
btn-grad-y-danger

.btn-grad-x-*

btn-grad-x-primary
btn-grad-x-secondary
btn-grad-x-info
btn-grad-x-success
btn-grad-x-warning
btn-grad-x-danger

.btn-grad-directional-*

btn-grad-directional-primary
btn-grad-directional-secondary
btn-grad-directional-info
btn-grad-directional-success
btn-grad-directional-warning
btn-grad-directional-danger

.btn-grad-radial-*

btn-grad-radial-primary
btn-grad-radial-secondary
btn-grad-radial-info
btn-grad-radial-success
btn-grad-radial-warning
btn-grad-radial-danger

.btn-grad-striped-*

btn-grad-striped-primary
btn-grad-striped-secondary
btn-grad-striped-info
btn-grad-striped-success
btn-grad-striped-warning
btn-grad-striped-danger