Use the button classes on an <a>, <button>, or <input> element.
Add .btn-rounded to default button to get rounded corners.
Use a classes .btn-custom to quickly create a outline.
Add .btn-custom .btn-rounded to get clean rounded button.
Use the button classes on an <a>, <button>,
or <input> element. And put <span>
with class .btn-label and any icon inside it. If you want to put
icon on right side then add class .btn-label-right in <span>
Use the button classes on an <a>, <button>,
or <input> element. And put <span>
with class .btn-label and any icon inside it. If you want to put
icon on right side then add class .btn-label-right in <span>
Create buttons with minimum width by adding add .w-xs, .w-sm, .w-md or .w-lg.
Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.
Add the disabled attribute to <button> buttons.
Icon only button.
Create block level buttons,with by adding add .btn-block.
Turn a button into a dropdown toggle with some basic markup changes.
Turn a button into a dropdown toggle with some basic markup changes.
Dropdown menus can be changed to expand upwards (instead of downwards) by adding .dropup to the parent.
Use the button classes on an <a>, <button>, or <input> element.
Use class .btn-@yoursocial to the parent.
Use class .btn-@yoursocial to the parent.
