Css 引导按钮组父级的全宽-不等宽按钮

我希望引导btn组采用其父组的全宽，但我不希望按钮的宽度相等

我希望所有的按钮只采取他们需要的宽度，除了一个按钮，采取了剩余的宽度

例如：

------------------ width of parent -----------------
| btn 1                            | btn 2 | btn 3 |

或

你好，检查一下这个，告诉我这是否是你想要的

HTML:

---

如果我找不到更好的，我会同意的。。。问题是较小按钮的宽度应取决于其内容。这种解决方案并非如此。

------------------ width of parent -----------------
| btn 1 | btn 2 | btn 3                            |

<div class="parent">
  <div class="btn-group child">
    <button type="button" class="btn btn-primary larger">Apple</button>
    <button type="button" class="btn btn-primary normal">Samsung</button>
    <button type="button" class="btn btn-primary normal">Sony</button>
  </div>
</div>

.parent{
  width:600px;
}

.child{
  width:100%;
}

.larger{
 width:60%; 
}

.normal{
 width:20%; 
}