Twitter bootstrap 按钮组上的圆角随下拉列表丢失

我有一个下拉菜单按钮组。但是，由于下拉列表，右侧的圆角将丢失。如果我将下拉列表移出btn组，它将不起作用。如何保持圆角并在单击时显示下拉列表

<div class="btn-group">
    <button class="btn btn-success" id="shapeType">Province</button>
    <button class="btn btn-success" data-toggle="dropdown"><span class="caret"></span></button>
    <ul class="dropdown-menu" id="shapetypeDropdown">
        <li><a href="#" tabindex="-1">Province</a></li>
        <li><a href="#" tabindex="-1">Municipality</a></li>
        <li><a href="#" tabindex="-1">Ward</a></li>
    </ul>
</div>

省

如果我理解正确，您需要添加类。下拉切换

<button class="btn btn-success dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
</button>

---

引导将删除除最后一个元素外的元素右侧的圆角

处理下拉菜单时，

ul

菜单是最后一个元素，而不是最后一个按钮。添加

下拉切换

类将覆盖规则以删除右圆角

以下是CSS的外观：

.btn-group>.btn:last-child:not(:first-child), 
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}