title: Horizontal and vertical separation of Twitter Bootstrap's buttons
body: <p>What is causing Twitter Bootstrap's buttons horizontal separation?</p>
  
  <p><img src="https://i.stack.imgur.com/PTtJv.png" alt="enter image description here"></p>
  
  <p>I can't find it in CSS code.</p>
  
  <p>I'm trying to repeat the very same for vertical, but it seems that I'm failing to achieve this:</p>
  
  <p><img src="https://i.stack.imgur.com/FGxev.png" alt="enter image description here"></p>
  
  <p>How can I add vertical separation between buttons, only if they're stacked vertically (second picture), but avoiding the same (unnecessary in this case), when they're not (first picture)?</p>
  
  <p><strong>EDIT</strong>: Code used to generate above pictures:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  
      &lt;div class="row-fluid"&gt;
  
          &lt;div class="well well-small" id="menu-buttons"&gt;
  
              &lt;div class="pull-left" style="width: 48%"&gt;
  
                  &lt;a class="btn btn-small"&gt;@ Style ^&lt;/a&gt;
                  &lt;a class="btn btn-small"&gt;@ Language ^&lt;/a&gt;
  
              &lt;/div&gt;
  
              &lt;div class="pull-right text-right" style="width: 48%;"&gt;
  
                  &lt;a class="btn btn-small"&gt;@ Device&lt;/a&gt;
                  &lt;a class="btn btn-small"&gt;@ Webpage&lt;/a&gt;
  
              &lt;/div&gt;
  
              &lt;div style="clear: both"&gt;&lt;/div&gt;
  
          &lt;/div&gt;
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>