javascript - 如何使用 Bootstrap 保持圆角

Question

从下图中，我想隐藏第二个按钮，

使用javascript，我需要第一个按钮有圆角。

在我使用 javascript 隐藏第二个按钮后，第一个按钮在右侧有一个矩形：

如果我删除按钮节点，引导程序会设置圆角，但这没有用。

这就是我需要的，通过使用javascript：

标准的bootstraphtml按钮结构：

<div class="btn-group">
            <button class="btn btn-mini action_select customSelect" id="btn_bulk_action" data-toggle="button" disabled="disabled">Reply<span class="reply2"></span></button>
            <button class="btn btn-mini action_select" data-toggle="button" id="btn_bulk_action_archive" disabled="disabled" style="
    display: none;
">Archive<i class="icon-remove"></i></button>
                    </div>

Answer 1

这是因为您的按钮在一个按钮组中，默认情况下，引导程序需要多个按钮。

如果只有一个，您应该删除按钮组或修改 css 以使按钮变圆。

无论如何回答你的问题，通过jquery最简单的方法：

$('.btn-group').removeClass('btn-group');

http://jsfiddle.net/uVffe/

尽管您可能想再次添加该类，但我会：

$('.btn-group').addClass('btn-group-single');

CSS：

.btn-group-single > .btn:first-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

然后您可以在将来删除它：

$('.btn-group').removeClass('btn-group-single');

http://jsfiddle.net/uVffe/1/

切换示例：

http://jsfiddle.net/uVffe/3/