Question

有没有办法在btn-group级别设置按钮组中所有按钮的颜色？

例如，我正在分组10个按钮，我希望它们都是绿色的（btn-success）

目前，我必须在每个按钮上设置样式。我可以通过在按钮组div上设置btn-group-xs来设置所有按钮的大小，但它不适用于颜色。

理想情况下，我不想设置组中每个按钮的样式，并希望在组div上设置样式，以便所有按钮都接收该样式 - 特别是它只是btn-success因为我希望他们都是绿色的。

我缺少bootstrap中的任何内容，或者我将不得不做一些自定义CSS？

由于

Answer 1

没有像.btn-group-primary这样的预定义类。在Bootstrap（当前）中解决此问题的唯一方法是根据需要将颜色应用于.btn。

话虽这么说，你可以用jQuery做一些简单的事情（因为我们已经使用了Bootstrap）来更自然地应用一些东西：

＆＃13;

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

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="btn-group btn-group-primary" role="group" aria-label="...">
  <button type="button" class="btn">Left</button>
  <button type="button" class="btn">Middle</button>
  <button type="button" class="btn">Right</button>
</div>

＆＃13;

Answer 2

在没有引导程序的情况下工作jsfiddle。使用bootstrap工作jsfiddle。

.btn-group button{
    background-color:green;
}

Bootstrap按钮组颜色

2 个答案: