BOOTSTRAP 5 CSS BUTTON CLASSES| BUTTONS STYLES|OUTLINE BUTTON | BLOCK BUTTON | ACTIVE/DISABLED BTN
BOOTSTRAP 5 CSS BUTTON CLASSES| BUTTONS STYLES|OUTLINE BUTTON | BLOCK BUTTON | ACTIVE/DISABLED BTN
Bootstrap Tutorial for beginners in Hindi #css #html
In this tutorial you will learn bootstrap button class tutorial in Hindi.You can learn how to make colorfull buttons with bootstrap button class tutorial in hindi.
Bootstrap 5 | Buttons
Bootstrap 5 is the latest major release by Bootstrap in which they have revamped the UI and made various changes. Buttons are the components provided to create various buttons. Bootstrap 5 includes several predefined button styles, each serving its own purpose.
Types: Following are the nine types of buttons available in Bootstrap 5:
btn-primary
btn-secondary
btn-success
btn-danger
btn-warning
btn-info
btn-light
btn-dark
btn-link
Button Outlines: Bootstrap 5 provides a series of classes that can be used when we need to use outline-styled buttons in our project, i.e. buttons without background color. The outline button classes remove any background color or background image style applied to the buttons. All the button types support it as given in the example below:
Button Sizes: Bootstrap 5 provides different classes that allow to changing the size of the button. The .btn-lg and .btn-sm classes are used for large and small buttons.
Active State Buttons: The .active class is used to make button and link to an active state.
Disabled State Buttons: The disabled attribute is used with button element to set the disabled state of the button.
Block Level Buttons: The .btn-block class is used to create a block-level button which takes all width of the parent element.
#bootstrap #css #button #outline #block #active #disabled