Bootstrap - Buttons Demo


Advertisements

Bootstrap provides some options to style buttons, which are summarized in the following table −

Sr.No. Class & Description
1

btn

Default/ Standard button.

2

btn-primary

Provides extra visual weight and identifies the primary action in a set of buttons.

3

btn-success

Indicates a successful or positive action.

4

btn-info

Contextual button for informational alert messages.

5

btn-warning

Indicates caution should be taken with this action.

6

btn-danger

Indicates a dangerous or potentially negative action.

7

btn-link

Deemphasize a button by making it look like a link while maintaining button behavior.

Example Description Download link
IOS Buttons This example indicates about button structure in Bootstrap Download
Image Buttons This example indicates about Image button structure in Bootstrap Download
Shadow Buttons This example indicates about Shadow button structure in Bootstrap Download
Sign up Buttons This example indicates about Sign Up button structure in Bootstrap Download
Advertisements