Buttons

Template Basic Components are a kit of helper elements needed for comfortable work. They are easily customizable and can be used in any site block.

Buttons Default

If you want to create a default button just add a .btn class. For buttons we can use various special Bootstrap: .default, .success, .warning, .danger, .info styled in the color-scheme of the Template and the .primary class.

Donec posuere dolor ac urna luctus, non ultricies risus placerat.

Default Success Warning Danger Info Primary

Buttons Rounded

To use rounded buttons just add the .btn-rounded class.

Donec posuere dolor ac urna luctus, non ultricies risus placerat.

Default Success Warning Danger Info Primary

Buttons Round

To use round buttons just add the .btn-round class.

Donec posuere dolor ac urna luctus, non ultricies risus placerat.

Default Success Warning Danger Info Primary

Buttons With Icons

You can use buttons with icons

Donec posuere dolor ac urna luctus, non ultricies risus placerat.

Default Success Warning Danger Info Primary

Buttons Outline

To use outline buttons just add the .btn-outline class.

Donec posuere dolor ac urna luctus, non ultricies risus placerat.

Default Success Warning Danger Info Primary

Buttons Rounded Outline

To use rounded outline buttons just use the .btn-rounded and .btn-outline class.

Donec posuere dolor ac urna luctus, non ultricies risus placerat.

Default Success Warning Danger Info Primary

Buttons Round Outline

To use round outline buttons just use the .btn-round and .btn-outline class.

Donec posuere dolor ac urna luctus, non ultricies risus placerat.

Default Success Warning Danger Info Primary

Buttons Outline With Icons

You can use outline buttons with icons as well.

Donec posuere dolor ac urna luctus, non ultricies risus placerat.

Default Success Warning Danger Info Primary

Buttons LG Size

You can use large button size

Donec posuere dolor ac urna luctus, non ultricies risus placerat.

Default Success Warning Danger Info Primary

Buttons SM Size

You can use small button size

Donec posuere dolor ac urna luctus, non ultricies risus placerat.

Default Success Warning Danger Info Primary

Buttons XS Size

You can use extra-small button size

Donec posuere dolor ac urna luctus, non ultricies risus placerat.

Default Success Warning Danger Info Primary