Buttons

Default Buttons

Use the button classes on an <a>, <button>, or <input> element.

Button-Rounded

Add .btn-rounded to default button to get rounded corners.

Button-Custom

Use a classes .btn-custom to quickly create a bordered buttons.

Outline buttons

In need of a button, but not the hefty background colors they bring? Replace the default modifier classes with the .btn-outline-* ones to remove all background images and colors on any button.

Button-Width

Create buttons with minimum width by adding add .w-xs, .w-sm, .w-md or .w-lg.

Button-Sizes

Add .btn-lg, .btn-sm for additional sizes.

Button-Disabled

Add the disabled attribute to <button> buttons.

Icon Button

Icon only button.


Block Button

Create block level buttons,with by adding add .btn-block.

Button Group

Wrap a series of buttons with .btn in .btn-group.



Dropdown

Turn a button into a dropdown toggle with some basic markup changes.

Split button dropdown

Turn a button into a dropdown toggle with some basic markup changes.

Dropup

Dropdown menus can be changed to expand upwards (instead of downwards) by adding .dropup to the parent.

File upload buttons

Use the button classes on an <a>, <button>, or <input> element.

Upload
Upload