Veneto Admin · Buttons

Buttons

Basic Buttons

Button Colors

Use any of the available button classes to quickly create a styled button.

Default Primary Success Info Warning Danger Inverse White Link

Button Sizes

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs / .btn-mini for additional sizes.

Large button Large button

Default button Default button

Small button Small button

Mini button Mini button

Button Blocks

Create block level buttons—those that span the full width of a parent— by adding .btn-block.

Block level button Block level button Block level button Block level button

Button Variations

Rounded Buttons

Default Primary Success Info Warning Danger Inverse White Link

Flat Buttons

Default Primary Success Info Warning Danger Inverse White

Flat Button Sizes

Primary Success Info Primary Success Info Primary Success Info

Button Dropdowns

Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.

Basic Dropdowns

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

With Separation

Similarly, create split button dropdowns with the same markup changes, only with a separate button.

Default

Primary

Success

Info

Warning

Danger

Size Options

Button dropdowns work with buttons of all sizes.

Grouped Buttons

Group a series of buttons together on a single line with the button group.

Basic

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

1 2 3

With Dropdown

Place a .btn-group within another .btn-group when you want dropdown menus mixed with a series of buttons.

Send Clone

Vertical Button Group

Make a set of buttons appear vertically stacked rather than horizontally.

Miscellaneous

Iconic Buttons

Upload Publish File

Icons Only

Button Toggle

Single Toggle

Left Middle Right