Html 有没有办法使按钮组在引导中具有类似网格系统的属性？

我在应用程序中使用Bootstrap3，在应用程序中使用按钮组组件。 按钮组有6个按钮，我正在使用btn组调整，使宽度完全。这是密码

<div class='btn-group btn-group-justified' role='group' aria-label='slot'>
  <div class='btn-group btn-group-xs' role='group'>
    <button type='submit' class='btn btn-default' value='1' name='menit'>00</button>
  </div>
  <div class='btn-group btn-group-xs' role='group'>
    <button type='submit' class='btn btn-default' value='2' name='menit'>10</button>
  </div>
  <div class='btn-group btn-group-xs' role='group'>";
    <button type='submit' class='btn btn-default' value='3' name='menit'>20</button>
  </div>
...

下面是示例图像

---

我想实现的是，有没有一种方法可以让button组拥有一个类似于网格系统的属性，只使用引导？比方说，我想删除10号按钮，并使按钮00的跨度扩大到按钮10的位置。这就像在引导中使用网格系统一样。问题是按钮对齐使所有按钮具有相同的宽度。我也对CSS解决方案持开放态度

您可以在下面的代码段中定义宽度。您必须调整百分比以满足您的特定需求

.btn组对正。btn.weight-1{ 宽度：25%； } .btn组对正。btn.weight-2{ 宽度：50%； }