diff --git a/scss/_button-group.scss b/scss/_button-group.scss index 55ae3f65d2..dcd2a858ed 100644 --- a/scss/_button-group.scss +++ b/scss/_button-group.scss @@ -135,7 +135,12 @@ @include border-bottom-radius(0); } - > .btn ~ .btn, + // The top radius should be 0 if the button is: + // - the "third or more" child + // - the second child and the previous element isn't `.btn-check` (making it the first child visually) + // - part of a btn-group which isn't the first child + > .btn:nth-child(n + 3), + > :not(.btn-check) + .btn, > .btn-group:not(:first-child) > .btn { @include border-top-radius(0); } diff --git a/site/content/docs/5.3/components/button-group.md b/site/content/docs/5.3/components/button-group.md index 9f26a9181b..545467feca 100644 --- a/site/content/docs/5.3/components/button-group.md +++ b/site/content/docs/5.3/components/button-group.md @@ -195,8 +195,6 @@ Make a set of buttons appear vertically stacked rather than horizontally. **Spli {{< example >}}
- -
+ +