Basic Buttons

Default

Bootstrap includes six predefined button styles, each serving its own semantic purpose.


Rounded

Use a class .round with .btn class to create round button.

Outline Buttons

Default

Use a class .btn-outline-{color} to quickly create a outline button.


Rounded

Use a class .round with outline button class to create round outline button.

Shadow buttons

Use a class .shadow with button classes to create shadow button.

Glow buttons

Use a class .glow with button classes to create glow button.

Light Style

Bootstrap includes six predefined button styles, each serving its own semantic purpose.

Buttons with Icon

Icon Only

You can only use .btn-icon when you only want icon in your button

Basic Button group

Group a series of buttons together on a single line with the button group. Wrap a series of buttons with .btn in .btn-group.

Sizes

Buttons

Add .btn-lg or .btn-sm for Fancy larger or smaller buttons size.

Add .btn-lg or .btn-sm with .btn-outline-* for outline btn in diffrent sizes


Button Groups

Add .btn-group-lg for larger button group size.

Add .btn-group-sm for smaller button group size.

Block level buttons

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

Toggle

Single Toggle

Bootstrap includes six predefined button styles, each serving its own semantic purpose.


Radio
Checkbox

Vertical variation

Make a set of buttons appear vertically.

Vertical variation with different colors

Vertical variation with Outlines

today

How can we help? 😄

7:45 AM

Hey John, I am looking for the best admin template.

Could you please help me to find it out? 🤔

7:50 AM

Stack admin is the responsive bootstrap 4 admin template.

8:01 AM