Live Preview

Buttons

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Bootstrap documentation →

Examples

Bootstrap includes several predefined button styles, each serving its own semantic purpose, with a few extras thrown in for more control.

Soft

Creates a soft variant of a corresponding contextual button variation.

Sizes

Fancy larger or smaller buttons? Add .btn-lg or .btn-sm for additional sizes.

Icon Buttons

Create icon button with a .btn-icon modifier.

                    
                        <button type="button" class="btn btn-icon btn-primary btn-lg">
                            @@include("../../img/icons/mail.svg")
                        </button>
                        <button type="button" class="btn btn-icon btn-primary">
                            @@include("../../img/icons/mail.svg")
                        </button>
                        <button type="button" class="btn btn-icon btn-primary btn-sm">
                            @@include("../../img/icons/mail.svg")
                        </button>