New btn-rounded utility class?

Hi! I’m suggesting a simple, yet effective utility class here for buttons to be added. Whilst the Bootstrap docs does indeed have a rounded-circle utility class found in the border section (https://getbootstrap.com/docs/4.1/utilities/borders/#border-radius) this doesn’t quite work too well when applied to buttons to essentially create a pill shaped button.

The rounded-circle utility class looks like this and doesn’t quite work as expected when added to buttons.

.rounded-circle {
    border-radius: 50%!important;
}

I suggest creating an additional utility class with a px value for buttons to create a nice effect, possibly something like this…

.btn-rounded {
    border-radius: 50px!important;
}

I use rounded buttons a lot in my work and find myself having to create these classes, I don’t think it would take too much to add this in the next release?

Cheers!

[mdo]

Rather than make button specific classes, this should a .rounded-* utility class. Something like .rounded-pill or .rounded-50 to indicate a value.

[quberok]

awesome feature