Site logo

Button Grouping

This page shows ways of combining buttons.

Grouping together

Outer container using "btn-group" (with "btn btn-other" buttons) and input, button and anchor

Anchor type

Rounded buttons including twin and single button in the group

Anchor type

Container with class "brow" as well as "btn-group" which adds space above and below

Anchor type

Container with class "brow" as well as "btn-group" which adds space above and below

Inside a box

Container uses "btn-group" and "btn-group-box". Add "btn-rnd" to get rounded corners

Anchor type

Adding text

If you add headers or text to the box, the buttons will lose any rounded corners. To keep rounded corners, it is necessary to add a div around the buttons themselves with the "btn-group" class.

No rounded corners

Anchor type

A paragraph

Retains rounded corners

Anchor type

A paragraph

Saturday, 30th May, 2026 Logout