Button UI
A button indicates a possible user action
Basic

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

For some bootstrap addons or plugins is default use 'btn-default' class. alias 'btn-secondary'

secondary
primary
info
warning
success
danger
Outline
Outline
Outline
Outline
Outline
Outline
secondary
primary
info
warning
success
danger
Sizes

Fancy larger or smaller buttons? Add.btn-lg、.btn-smand.btn-xsfor additional sizes

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

Dropdown with icon
    • Button in table
    Data Edit
    Responsive icon button

    Desktop screen

    Below 992px

    Icon button
    Social

    Icon button with social icon

    RWD Social login button

    Icon button with social icon

    Social login button without RWD

    Icon button with social icon

    Sizes you need
    Button Group

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

    Vertical Button Group

    Wrap a series of buttons with.btn-group-vertical > .btn

    Button Group Sizes

    Wrap a series of buttons with.btn-group-lg > .btnor.btn-group-sm > .btn

    Animation buttonLadda Buttons

    Buttons with built-in loading indicators, effectively bridging the gap between action and feedback.