Javascript 如何使用Bootstrap保持圆角

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

使用

javascript

，我需要第一个按钮具有圆角

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

如果我删除按钮节点，引导将设置圆角，但这并不有用

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

标准的

bootstrap

html按钮结构：

<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>

回复
档案文件

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

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

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

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

尽管您可能希望再次添加该类，因此我会：

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

CSS:

以后您可以将其删除：

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

切换示例：

---

您是否需要“存档”按钮，或者只是根据页面上发生的情况显示或隐藏它？我想回复按钮的右侧不是四舍五入的，因为它位于一个组中，所以如果不需要存档按钮，请删除该组，如果您确实需要存档，那么您可以隐藏组并显示不在组中的回复按钮，或者在存档隐藏时通过jquery/javascript对其应用边界半径？我需要根据页面上发生的情况显示或隐藏它

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