YouTip

Bootstrap 4 provides buttons with different styles. ## Example Basic Primary Secondary Success Info Warning Danger Dark Light Link [Try it »](#) Button classes can be used on ``, ``, or `` elements: ## Example Link Button Button [Try it »](#) * * * ## Buttons with Outline ## Example Primary Secondary Success Info Warning Danger Dark Light [Try it »](#) * * * ## Different Button Sizes Bootstrap 4 allows you to set the size of buttons: ## Example Large Default Small [Try it »](#) * * * ## Block Level Buttons Block level buttons can be created by adding the `.btn-block` class: ## Example Button 1 [Try it »](#) * * * ## Active and Disabled Buttons Buttons can be set to an active or disabled state. The `.active` class makes a button appear clickable, while the `disabled` attribute makes a button non-clickable. Note that `` elements do not support the `disabled` attribute, you can add the `.disabled` class to disable the link. ## Example Active Button Disabled Button Disabled Link [Try it »](#) * * * ## Loading Buttons We can also create a loading button. ## Example Loading.. Loading.. Loading.. [Try it »](#)