Learn how to style button using bootstrap with this practical example. Bootstrap provides useful classes to style a button, link or any input type button element with the addition of few classes. You don’t need to add extra CSS to your buttons to give it gradient button styled look.

Bootstrap Style Button Classes

You can below given classes to style button using bootstrap. These classes have gives buttons with different gradient color and look and feel on hover. Below are the contextual classes of Bootstrap Button.

Class Name Description
.btn-default This is a default button style with a gray color gradient.
.btn-primary Used this style of button to indicate the primary action button in a group of buttons.
.btn-info You can use this style of a button as an alternative to the default style button.
.btn-success If you want to specify any positive or successful action, you can use this button style.
.btn-warning Indicate caution style with a button to warn a user before clicking on the button.
.btn-danger Display this style of button to indicate any negative action on click of the button.
.btn-link Display a simple link using this class style.

Output


Leave a Reply

Your email address will not be published. Required fields are marked *