title: Bootstrap: Vertical toolbar to house btn-group-vertical groups
body: <p>So, I was looking through the bootstrap documentation for a solution to this one and didn't find anything. Is there a way, using bootstrap components, to display button groups vertically one after another?</p>
  
  <p>This is what I have so far: </p>
  
  <pre><code>&lt;div class="btn-toolbar" role="toolbar"&gt;
    &lt;div class = "btn-group-vertical" id = "A"&gt;
      buttons...
    &lt;/div&gt; &lt;!-- button group --&gt; 
    &lt;div class = "btn-group-vertical" id = "B"&gt;
      buttons...
    &lt;/div&gt; &lt;!-- button group --&gt;
    &lt;div class = "btn-group-vertical" id = "C"&gt;
      buttons...
    &lt;/div&gt; &lt;!-- button group --&gt;
  &lt;/div&gt; &lt;!-- button toolbar --&gt;
  </code></pre>
  
  <p>This essentially makes:</p>
  
  <pre><code>A1 B1 C1
  A2 B2 C2
  A3 B3 C3
  ...
  </code></pre>
  
  <p>when I actually want:</p>
  
  <pre><code>A1
  A2
  A3
  ... (Break in Toolbar)
  B1
  B2
  B3
  ... (Break in Toolbar)
  C1
  C2
  C3
  </code></pre>
  
  <p>If not in bootstrap itself, there is probably a way to make this happen with CSS if anyone has an idea how to do that. Thanks in advance!</p>
  
  <hr>
  
  <p>Editted for Clarity</p>