X

Standard and Outlined Buttons

Primary Secondary Info Danger Success Warning Light Dark
Primary Secondary Info Danger Success Warning Light Dark

Bootstrap – Buttons in Site Designer

Use the ‘Button’ element. The Bootstrap class for a button is simply .btn. That leaves the button unstyled. The extra classes, such as e.g.
.btn-primary,
.btn-success,
.btn-outline-danger,
.btn-outline-light,

etc.
In other words, all the names written as the button text in the examples, are for the look of the button. If you want to use other colours, shapes and sizes, you need to take off those classes and give them a class of your own that you can style yourself.

If you want larger or smaller buttons, there are also the classes
.btn-lg,
.btn-sm

The differences are just in the font size and the padding.

Placeholder Picture

Download the Standard Buttons

Placeholder Picture

Download the Outlined Buttons