How to Use Bootstrap 4 Buttons

Button Styles

Button Selector

Bootstap .btn class can be used in any html selector like input, a, span, div etc

Outline buttons

To remove background you just need to prefix .btn-outline- to remove any background from buttons

Button Sizes

In bootstrap .btn-lg or .btn-sm class is used for large and small sizes

Button Toggle

Bootstrap 4 gives more power to toggle button to make it active, just add data-toggle=”button” like this

Checkbox Button

You can use button group with checkbox like this

Radio Buttons

Leave a Reply

Be the First to Comment!

Notify of
avatar