Buttons
- UI Kits
- Buttons
.btn-outline-*ones to remove all background images and colors on any button..btnclasses are designed to be used with the <button>element. However, you can also use these classes on <a>or <input>elements (though some browsers may apply a slightly different rendering)..btn-lgor .btn-smfor additional sizes..btn-lgor .btn-smfor additional sizes.<button>s as they use a pseudo-class. However, you can still force the same active appearance with .active(and include the aria-pressed="true"attribute) should you need to replicate the state programmatically.disabledboolean attribute to any <button>element.data-toggle="button"to toggle a button’s activestate. If you’re pre-toggling a button, you must manually add the .activeclass andaria-pressed="true"to the <button>..buttonstyles can be applied to other elements, such as <label>s, to provide checkbox or radio style button toggling. Add data-toggle="buttons"to a .btn-groupcontaining those modified buttons to enable their toggling behavior via JavaScript and add .btn-group-toggleto style the <input>s within your buttons. Note that you can create single input-powered buttons or groups of them..buttonstyles can be applied to other elements, such as <label>s, to provide checkbox or radio style button toggling. Add data-toggle="buttons"to a .btn-groupcontaining those modified buttons to enable their toggling behavior via JavaScript and add .btn-group-toggleto style the <input>s within your buttons. Note that you can create single input-powered buttons or groups of them.