javascript - Bootstrap : Vertical toolbar to house btn-group-vertical groups

Question

所以，我正在查看 Bootstrap 文档以寻找解决这个问题的方法，但没有找到任何东西。有没有办法，使用bootstrap组件，一个接一个垂直显示按钮组？

这是我目前所拥有的:

<div class="btn-toolbar" role="toolbar">
  <div class = "btn-group-vertical" id = "A">
    buttons...
  </div> <!-- button group --> 
  <div class = "btn-group-vertical" id = "B">
    buttons...
  </div> <!-- button group -->
  <div class = "btn-group-vertical" id = "C">
    buttons...
  </div> <!-- button group -->
</div> <!-- button toolbar -->

这基本上使得:

A1 B1 C1
A2 B2 C2
A3 B3 C3
...

当我真正想要的时候:

A1
A2
A3
... (Break in Toolbar)
B1
B2
B3
... (Break in Toolbar)
C1
C2
C3

如果不在 bootstrap 本身，如果有人知道如何做到这一点，可能有一种方法可以通过 CSS 实现这一点。提前致谢!

---

为清楚起见而编辑

Answer 1

使用 btn-toolbar 移除顶部的 Div，只使用 btn-group-vertical

<div class="btn-group-vertical">
    <button type="button" class="btn btn-default">A1</button>
    <button type="button" class="btn btn-default">A2</button>
    <button type="button" class="btn btn-default">A3</button>
    <br /><br />
    <button type="button" class="btn btn-default">B1</button>
    <button type="button" class="btn btn-default">B2</button>
    <button type="button" class="btn btn-default">B3</button>
    <br /><br />
    <button type="button" class="btn btn-default">C1</button>
    <button type="button" class="btn btn-default">C2</button>
    <button type="button" class="btn btn-default">C3</button>
</div>