Buttons

Default Buttons

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

Button Bordered

Use a classes .btn-outline-** to quickly create a bordered buttons.

Button-Rounded

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

Button Bordered Rounded

Use a classes .btn-outline-** to quickly create a bordered buttons.

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, or .btn-xs 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.



Social buttons

Use class .btn-@yoursocial to the parent.


2017 - 2018 © Canvas. - Lonelyruddy