Bootstrap - Buttons Demo



Bootstrap provides some options to style buttons. Use utilities to design unique buttons for any application, 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
Block Buttons This example indicates about block button structure in Bootstrap Download
Icon Buttons This example indicates about icon button structure in Bootstrap Download
Spinner Buttons This example indicates about spinner button structure in Bootstrap Download
Close Buttons This example indicates about close button structure in Bootstrap Download
Advertisements