Bootstrap：用于容纳 btn-group-vertical 组的垂直工具栏

Question

所以，我正在通过引导文档寻找解决方案，但没有找到任何东西。有没有办法，使用引导组件，一个接一个地垂直显示按钮组？

这是我目前所拥有的：

<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

如果不在引导程序本身中，如果有人知道如何做到这一点，则可能有一种方法可以使用 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>