Bootstrap Buttons In this tutorial you will learn how to create  Create button and guidance Button is a website and an integral part of the application. They are used for various purposes, such as submitting or resetting a HTML form, interact, such as a button to show or hide something on a web page on the like button CSS guide provides a quick and easy way to create custom click the button. Button style guide Different classes can be used to guide the shape of the buttons, and indicate different states. Button styles can be applied to any element. However, it is usually applied in <a>, <input>, the best rendering and <button> element. The following table lists the different functions of the button in the boot options:

Button Class Description
Default
btn btn-default
Default gray button with gradient.
Primary btn btn-primary Provides extra visual weight to indicate primary action button in a set of buttons.
Info btn btn-info Can be used as an alternative to the default button.
Success btn btn-success Indicates a successful or positive action.
Warning btn btn-warning Indicates caution should be taken with this action.
Danger btn btn-danger Indicates a dangerous or potentially negative action.
Link btn btn-link Deemphasize a button by making it look like a link while maintaining button behavior.

 

The following example will show you these buttons in action

Image result for button bootstrap

&lt;button type="button" class="btn btn-primary btn-lg btn-block"&gt;Block level button&lt;/button&gt;
&lt;button type="button" class="btn btn-default btn-lg btn-block"&gt;Block level button&lt;/button&gt;

Image result for large button bootstrap
Bootstrap Disabled Buttons
Sometimes we need to disable a button for certain reasons like, a user in case is not eligible to perform this particular action, or we want to ensure that user should performed all other required actions before proceed to this particular action.

Creating Disabled Buttons Using Anchor Elements
Buttons created through tag can be disabled by adding the class .disabled.

<a href="#" class="btn btn-primary btn-lg disabled">Primary link</a>
<a href="#" class="btn btn-default btn-lg disabled">Link</a>

Creating Disabled Buttons Using Button and Input Element
Buttons created through

<button type="button" class="btn btn-primary btn-lg disabled" disabled="disabled">Primary button</button>
<button type="button" class="btn btn-default btn-lg" disabled="disabled">Button</button>