diff options
-rw-r--r-- | scss/_button-group.scss | 1 | ||||
-rw-r--r-- | site/content/docs/5.1/components/dropdowns.md | 40 |
2 files changed, 19 insertions, 22 deletions
diff --git a/scss/_button-group.scss b/scss/_button-group.scss index 47f0c1349a..f78b8c1011 100644 --- a/scss/_button-group.scss +++ b/scss/_button-group.scss @@ -44,6 +44,7 @@ // Reset rounded corners > .btn:not(:last-child):not(.dropdown-toggle), + > .btn.dropdown-toggle-split:first-child, > .btn-group:not(:last-child) > .btn { @include border-end-radius(0); } diff --git a/site/content/docs/5.1/components/dropdowns.md b/site/content/docs/5.1/components/dropdowns.md index ab34477563..75568677f4 100644 --- a/site/content/docs/5.1/components/dropdowns.md +++ b/site/content/docs/5.1/components/dropdowns.md @@ -569,19 +569,17 @@ Trigger dropdown menus at the left of the elements by adding `.dropstart` to the <li><a class="dropdown-item" href="#">Separated link</a></li> </ul> </div> - <div class="btn-group"> - <div class="btn-group dropstart" role="group"> - <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"> - <span class="visually-hidden">Toggle Dropstart</span> - </button> - <ul class="dropdown-menu"> - <li><a class="dropdown-item" href="#">Action</a></li> - <li><a class="dropdown-item" href="#">Another action</a></li> - <li><a class="dropdown-item" href="#">Something else here</a></li> - <li><hr class="dropdown-divider"></li> - <li><a class="dropdown-item" href="#">Separated link</a></li> - </ul> - </div> + <div class="btn-group dropstart" role="group"> + <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"> + <span class="visually-hidden">Toggle Dropstart</span> + </button> + <ul class="dropdown-menu"> + <li><a class="dropdown-item" href="#">Action</a></li> + <li><a class="dropdown-item" href="#">Another action</a></li> + <li><a class="dropdown-item" href="#">Something else here</a></li> + <li><hr class="dropdown-divider"></li> + <li><a class="dropdown-item" href="#">Separated link</a></li> + </ul> <button type="button" class="btn btn-secondary"> Split dropstart </button> @@ -600,15 +598,13 @@ Trigger dropdown menus at the left of the elements by adding `.dropstart` to the </div> <!-- Split dropstart button --> -<div class="btn-group"> - <div class="btn-group dropstart" role="group"> - <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"> - <span class="visually-hidden">Toggle Dropstart</span> - </button> - <ul class="dropdown-menu"> - <!-- Dropdown menu links --> - </ul> - </div> +<div class="btn-group dropstart" role="group"> + <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"> + <span class="visually-hidden">Toggle Dropstart</span> + </button> + <ul class="dropdown-menu"> + <!-- Dropdown menu links --> + </ul> <button type="button" class="btn btn-secondary"> Split dropstart </button> |