Template > UI Elements > Buttons

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

Default Primary Info Success Warning Danger Gray Inverse

Fancy larger or smaller buttons? Four separate sizes available for all use cases: from tiny 10px button to large one. Add .btn-lg, .btn-sm or .btn-xs for additional sizes.

Large button Default button Small button Tiny button

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.

Default Primary Info Success Warning Danger Gray Inverse

Use any of the available button classes to quickly create a styled button. Semantically distinguishable beauty. Use .btn-rounded-f and .btn-rounded

Default Primary Info Success

Warning Danger Gray Inverse

Create block level buttons - those that span the full width of a parent— by adding .btn-block. Great for menu & social buttons.

Block Button

Show Menu    

 Login mit Facebook

Are you sure?

Make buttons look unclickable by fading them back 50%. Add the .disabled class to <a> buttons.

Primary button Button

Primary link Link

Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with Bootstrap buttons plugin.

Add dropdown menus to nearly anything with this simple plugin, including the buttons, navbar, tabs, and pills. Both solid & segmented dropdown options available.