We will discuss in this tutorial regarding usage of buttons in Bootstrap with different examples. Default class of buttons is “.btn” which gives a look of grey button with rounded corners. Bootstrap is providing some more styles options of buttons. Following table of describes the classes and its appearance according to use.
This is Standard button class or Default button class.
This class provides additional visual weight and classifies the main action in a set of buttons.
This class point out a positive or successful action.
This class of button will use for informational alert messages.
Specify warning should be taken with this action.
Pointing towards a dangerous or likely harmful action.
This class shows button look like as a link although upholding the behavior of button.
Below mentioned examples shows behavior of all the above classes of button.
You may possibly use these button classes with <button>, <a> or <input> tags. But this is suggested that you use it with <button> tags generally to avoid cross browser irregularity problems. Following example demonstrates this: